added duration

src/Pages/GroupTasks/GroupTasksTableList.js

@@ -1,7 +1,7 @@
 import { PlusOutlined, ReloadOutlined } from "@ant-design/icons";
 import { Badge, Button, Divider, Popconfirm, Space, Table } from "antd";
 import { Link } from "react-router-dom";
-import { Constants, FormatDatetime } from "../../utils";
+import { Constants, FormatDatetime, GetDuration } from "../../utils";
 
 const columns = [
   {
@@ -34,6 +34,11 @@ const columns = [
     dataIndex: "endedAt",
     key: "endedAt",
   },
+  {
+    title: "Duration",
+    dataIndex: "duration",
+    key: "duration",
+  },
   {
     title: "Action",
     dataIndex: "action",
@@ -84,10 +89,8 @@ export default function GroupTaskTableList({
           step: `${groupTask.CurrentTasksStep} / ${groupTask.NumberOfSteps}`,
           status: getStatusBadge(groupTask.Status),
           startedAt: FormatDatetime(groupTask.StartedAt),
-          endedAt:
-            groupTask.EndedAt !== "0001-01-01T00:00:00Z"
-              ? FormatDatetime(groupTask.EndedAt)
-              : Constants.TEXT_EMPTY_PLACEHOLDER,
+          duration: GetDuration(groupTask.StartedAt, groupTask.EndedAt),
+          endedAt: FormatDatetime(groupTask.EndedAt),
         });
       }
     });