CM-406: get head from jsonExt

src/components/GroupHistorySearcher.js

@@ -32,24 +32,29 @@ function GroupHistorySearcher({
     'groupHistory.head',
     'groupHistory.dateUpdated',
     'groupHistory.version',
-    'groupHistory.jsonExt',
+    'groupHistory.members',
   ];
 
   const itemFormatters = () => [
-    (groupHistory) => groupHistory.id,
-    (groupHistory) => `${groupHistory?.head?.firstName} ${groupHistory?.head?.lastName}`,
-    (groupHistory) => (groupHistory.dateUpdated
-      ? formatDateFromISO(groupHistory.dateUpdated) : EMPTY_STRING
-    ),
-    (groupHistory) => groupHistory.version,
-    (groupHistory) => groupHistory.jsonExt,
+    (groupHistory) => groupHistory?.id || EMPTY_STRING,
+    (groupHistory) => {
+      const jsonExt = groupHistory?.jsonExt ? JSON.parse(groupHistory.jsonExt) : null;
+      return jsonExt?.head ?? EMPTY_STRING;
+    },
+    (groupHistory) => (groupHistory?.dateUpdated
+      ? formatDateFromISO(groupHistory.dateUpdated)
+      : EMPTY_STRING),
+    (groupHistory) => groupHistory?.version || EMPTY_STRING,
+    (groupHistory) => {
+      const jsonExt = groupHistory?.jsonExt ? JSON.parse(groupHistory.jsonExt) : null;
+      return jsonExt?.members ?? EMPTY_STRING;
+    },
   ];
 
   const rowIdentifier = (groupHistory) => groupHistory.id;
 
   const sorts = () => [
-    ['id', false],
-    ['head', false],
+    ['id', true],
     ['dateUpdated', true],
     ['version', true],
   ];

src/components/GroupIndividualSearcher.js

@@ -67,6 +67,7 @@ function GroupIndividualSearcher({
   const [deletedGroupIndividualUuids, setDeletedGroupIndividualUuids] = useState([]);
   const prevSubmittingMutationRef = useRef();
   const [updatedGroupIndividuals, setUpdatedGroupIndividuals] = useState([]);
+  const [refetch, setRefetch] = useState(null);
 
   function groupIndividualUpdatePageUrl(groupIndividual) {
     return `${modulesManager.getRef('individual.route.individual')}/${groupIndividual.individual?.id}`;
@@ -156,6 +157,7 @@ function GroupIndividualSearcher({
           id: editedGroupIndividual?.individual?.id,
         }),
       );
+      setRefetch(editedGroupIndividual?.individual?.id);
     }
   };
 
@@ -265,6 +267,7 @@ function GroupIndividualSearcher({
   return (
     <div>
       <Searcher
+        key={refetch}
         module="individual"
         FilterPane={groupBeneficiaryFilter}
         fetch={fetch}

src/translations/en.json

@@ -98,7 +98,8 @@
     "version": "Version",
     "any": "ANY",
     "ok": "ok",
-    "jsonExt": "Additional fields"
+    "jsonExt": "Additional fields",
+    "members": "Members"
   },
   "groupHistoryList": {
     "pageTitle": "Groups History",