Tasks page is now working

src/App.tsx

@@ -48,6 +48,7 @@ import WorkflowTemplateManager from "./modules/manager/workflowTemplates/Workflo
 import WorkflowTemplateDetails from "./modules/manager/workflowTemplates/WorkflowTemplateDetails";
 import CreateActivity from "./modules/manager/activity/CreateActivity";
 import Tasks from "./modules/manager/tasks/tasks";
+import AssignmentComplete from "./modules/manager/task/assignments/AssignmentComplete";
 
 function GetSecureRoutes() {
   const { t } = useTranslation(Namespaces.Common);
@@ -388,6 +389,14 @@ function GetSecureRoutes() {
           </Mainframe>
         }
       />
+      <Route
+        path="/tasks/assignment/complete/:assignmentId"
+        element={
+          <Mainframe title={t("CompleteAssignment")}>
+            <AssignmentComplete />
+          </Mainframe>
+        }
+      />
       <Route
         path="/tasks"
         element={

src/modules/manager/task/assignments/AssignmentComplete.tsx

@@ -0,0 +1,12 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { toast } from "react-toastify";
+import { Namespaces } from "../../../../i18n/i18n";
+
+const AssignmentComplete: React.FC = () => {
+  const { t } = useTranslation(Namespaces.Common);
+
+  return <>Complete Assignment goes here.</>;
+};
+
+export default AssignmentComplete;

src/modules/manager/tasks/components/tasksTable.tsx

@@ -25,20 +25,23 @@ const TasksTable: React.FC<TasksTableProps> = ({
     () => [
       {
         key: "taskName",
-        label: t("Name"),
+        label: t("TaskName"),
         content: (item) => {
           return (
-            <TaskTypeAndNameDisplayPanel
+            <a href={`/tasks/assignment/complete/${item.id}`}>
-              taskName={item.taskName}
+              <TaskTypeAndNameDisplayPanel
-              taskType={item.taskType}
+                taskName={item.taskName}
-              showValidationErrorIcon={false}
+                taskType={item.taskType}
-              allowWordWrap={false}
+                showValidationErrorIcon={false}
-              reserveValidationErrorIconSpace={false}
+                allowWordWrap={false}
-            />
+                reserveValidationErrorIconSpace={false}
+              />
+            </a>
           );
         },
         order: "asc",
       },
+      { key: "activityName", label: t("ActivityName"), order: "asc" },
       {
         key: "user",
         label: t("Assignee"),

src/modules/manager/tasks/services/tasksService.ts

@@ -11,6 +11,8 @@ export interface GetMyAssignments {
 
   taskType: string;
   taskName: string;
+  activityId: GeneralIdRef;
+  activityName: string;
   user?: GeneralIdRef;
   role?: GeneralIdRef;
   startDateTime?: Date;