Revert "Merge branch 'jcarstairs-scottlogic-group-elements-use-friend…

…ly-dates'" This reverts commit f975507, reversing changes made to 6252fad.
ransome1 · Aug 5, 2024 · 018090a · 018090a
1 parent 46bb8f3
commit 018090a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 39 deletions.
diff --git a/src/renderer/Grid/Grid.tsx b/src/renderer/Grid/Grid.tsx
@@ -100,7 +100,6 @@ const GridComponent: React.FC<GridComponentProps> = memo(({
         return (
           <React.Fragment key={group.title}>
             <Group
-              settings={settings}
               title={group.title}
               todotxtAttribute={settings.sorting[0].value}
               filters={filters}

diff --git a/src/renderer/Grid/Group.tsx b/src/renderer/Grid/Group.tsx
@@ -2,56 +2,25 @@ import React, { memo } from 'react';
 import ListItem from '@mui/material/ListItem';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
-import dayjs from 'dayjs';
-import updateLocale from 'dayjs/plugin/updateLocale';
-import { friendlyDate } from 'renderer/Shared';
-import { i18n } from 'renderer/Settings/LanguageSelector';
-import { WithTranslation, withTranslation } from 'react-i18next';
-dayjs.extend(updateLocale);
 
-interface FormatGroupElementProps {
-  groupElement: string;
-  settings: Settings;
-  t: typeof i18n.t;
-  todotxtAttribute: string;
-}
-
-function formatGroupElement({ groupElement, settings, t, todotxtAttribute }: FormatGroupElementProps) {
-  // If group element is a date, then format according to user preferences
-  if (
-    ['due', 't'].includes(todotxtAttribute)
-      && dayjs(groupElement).isValid()
-      && settings.useHumanFriendlyDates
-  ) {
-    return friendlyDate(groupElement, todotxtAttribute, settings, t).pop();
-  }
-
-  // No transformation required: display as-is
-  return groupElement;
-}
-
-interface GroupProps extends WithTranslation {
-  settings: Settings;
+interface GroupProps {
   title: string | string[];
   todotxtAttribute: string;
   filters: Filters | null;
   onClick: Function;
-  t: typeof i18n.t;
 }
 
-const Group: React.FC<GroupProps> = memo(({ settings, t, title, todotxtAttribute, filters, onClick }) => {
+const Group: React.FC<GroupProps> = memo(({ title, todotxtAttribute, filters, onClick }) => {
+
   if (!title || title.length === 0) {
     return <ListItem className="row group"><Divider /></ListItem>;
   }
 
   const groupElements = (typeof title === 'string') ? [title] : title
-  const formattedGroupElements = groupElements.map(
-    (groupElement) => formatGroupElement({ groupElement, settings, t, todotxtAttribute })
-  );
 
   return (
     <ListItem className="row group">
-      {formattedGroupElements.map((groupElement, index) => {
+      {groupElements.map((groupElement, index) => {
         const selected: boolean = filters && (filters[todotxtAttribute as keyof Filters] || []).some(
           (filter: Filter) => filter && filter.name === groupElement.trim()
         );
@@ -72,4 +41,4 @@ const Group: React.FC<GroupProps> = memo(({ settings, t, title, todotxtAttribute
   );
 });
 
-export default withTranslation()(Group);
+export default Group;
diff --git a/src/renderer/Shared.tsx b/src/renderer/Shared.tsx
@@ -4,7 +4,6 @@ import duration from 'dayjs/plugin/duration';
 import calendar from 'dayjs/plugin/calendar';
 import weekday from 'dayjs/plugin/weekday';
 import updateLocale from 'dayjs/plugin/updateLocale';
-import { i18n } from './Settings/LanguageSelector';
 dayjs.extend(relativeTime);
 dayjs.extend(duration);
 dayjs.extend(calendar);
@@ -113,4 +112,4 @@ export const friendlyDate = (value: string, attributeKey: string, settings: Sett
   }
 
   return results;
-};
+};