Groups date attributes by friendly date translation key when friendly…

… dates are enabled.

As before, when the user hasn't got friendly dates
enabled, todo objects will be grouped by the raw
value of date attributes, hopefully an ISO string
like `2024-07-10`.

But when the user enables friendly dates, todos
will instead be grouped by the friendly date
translation key, such as `drawer.attributes.today`.

src/main/modules/DataRequest/SortAndGroup.tsx

@@ -1,4 +1,6 @@
+import { friendlyDateTranslationKeys } from 'renderer/Shared';
 import { config } from '../../config';
+import { getDateAttributes } from '../Attributes';
 
 function sortAndGroupTodoObjects(todoObjects: TodoObject[], sorting: Sorting[]): TodoGroup {
   const fileSorting: boolean = config.get('fileSorting');
@@ -31,13 +33,24 @@ function sortAndGroupTodoObjects(todoObjects: TodoObject[], sorting: Sorting[]):
     return 0;
   }
 
+  function getGroupKey(todoObject: TodoObject, attributeKey: string) {
+    const useFriendlyDates = config.get('useHumanFriendlyDates');
+    const isDateAttribute = Object.keys(getDateAttributes()).includes(attributeKey);
+
+    if (useFriendlyDates && isDateAttribute) {
+      return friendlyDateTranslationKeys(todoObject[attributeKey], attributeKey);
+    }
+
+    return todoObject[attributeKey];
+  }
+
   function groupTodoObjectsByKey(todoObjects: TodoObject[], attributeKey: string) {
     const grouped: TodoGroup = {};
     for (const todoObject of todoObjects) {
-      const groupKey = todoObject[attributeKey] || null;
+      const groupKey = getGroupKey(todoObject, attributeKey);
       if (!grouped[groupKey]) {
         grouped[groupKey] = {
-          title: groupKey,
+          title: todoObject[attributeKey],
           todoObjects: [],
           visible: false
         };