fixed endet at and duration not set after grouptask finished

src/Pages/GroupTasks/Overview/GroupTasksViewModal.js

@@ -643,21 +643,13 @@ export default function GroupTasksViewModal({ isOpen }) {
     );
   };
 
-  return (
+  const PopoverContent = () => {
-    <MyModal isOpen={isOpen} onCancel={handleCancel}>
+    // get current group task from useState as endetAt and duration not updated only with currentGroupTask as it is a useRef
-      {notificationContextHolder}
+    const cGroupTask = groupTasksContext.groupTasks.find(
+      (g) => g.Id === currentGroupTask.current.Id
+    );
 
-      {!currentGroupTask.current ||
+    return (
-      groupTasksContext === null ||
-      !hasXYPermission(
-        appContext.userPermissions,
-        Constants.PERMISSIONS.GROUP_TASKS.OVERVIEW.XYView,
-        currentGroupTask.current.Category
-      ) ? (
-        <MyNotFoundModalContent
-          resultTitle={t("groupTasks.groupTasksViewModal.groupTaskNotFound")}
-        />
-      ) : (
       <div key={paramGroupTaskId}>
         <h1
           style={{
@@ -697,15 +689,12 @@ export default function GroupTasksViewModal({ isOpen }) {
                   <span style={{ fontWeight: "bold" }}>
                     {t("groupTasks.groupTasksViewModal.endedAt")}:
                   </span>{" "}
-                    {FormatDatetime(currentGroupTask.current.EndedAt)}
+                  {FormatDatetime(cGroupTask.EndedAt)}
                   <br />
                   <span style={{ fontWeight: "bold" }}>
                     {t("groupTasks.groupTasksViewModal.duration")}:
                   </span>{" "}
-                    {GetDuration(
+                  {GetDuration(cGroupTask.StartedAt, cGroupTask.EndedAt)}
-                      currentGroupTask.current.StartedAt,
-                      currentGroupTask.current.EndedAt
-                    )}
                 </p>
 
                 <GlobalInputs />
@@ -734,6 +723,25 @@ export default function GroupTasksViewModal({ isOpen }) {
 
         <Steps direction="vertical" items={stepsItemHandler()} />
       </div>
+    );
+  };
+
+  return (
+    <MyModal isOpen={isOpen} onCancel={handleCancel}>
+      {notificationContextHolder}
+
+      {!currentGroupTask.current ||
+      groupTasksContext === null ||
+      !hasXYPermission(
+        appContext.userPermissions,
+        Constants.PERMISSIONS.GROUP_TASKS.OVERVIEW.XYView,
+        currentGroupTask.current.Category
+      ) ? (
+        <MyNotFoundModalContent
+          resultTitle={t("groupTasks.groupTasksViewModal.groupTaskNotFound")}
+        />
+      ) : (
+        <PopoverContent />
       )}
     </MyModal>
   );