Helper function for relative time range selection

msupply-foundation · Nov 9, 2023 · d62e3b3 · d62e3b3
1 parent d4681ca
commit d62e3b3
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/frontend/packages/system/src/NotificationEvents/ListView/FilterBar.tsx b/frontend/packages/system/src/NotificationEvents/ListView/FilterBar.tsx
@@ -8,6 +8,10 @@ import {
   EventStatus,
 } from '@notify-frontend/common';
 
+function relativeStartTime(hoursAgo: string) {
+  return new Date(Date.now() - parseInt(hoursAgo) * 60 * 60 * 1000);
+}
+
 export const FilterBar = ({
   filter,
   searchFilterKey = 'search',
@@ -17,7 +21,7 @@ export const FilterBar = ({
   searchFilterKey?: string;
   ActionButtons?: () => JSX.Element;
 }) => {
-  const t = useTranslation(['system']);
+  const t = useTranslation('system');
   const [timeRange, setTimeRange] = React.useState('all');
 
   const filterString = (filter.filterBy?.[searchFilterKey] as string) || '';
@@ -112,7 +116,7 @@ export const FilterBar = ({
             filter.onChangeDateFilterRule(
               'createdAt',
               'afterOrEqualTo',
-              new Date(Date.now() - parseInt(e.target.value) * 60 * 60 * 1000)
+              relativeStartTime(e.target.value)
             );
           }
         }}