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,9 +25,10 @@ const TasksTable: React.FC<TasksTableProps> = ({
     () => [
       {
         key: "taskName",
-        label: t("Name"),
+        label: t("TaskName"),
         content: (item) => {
           return (
+            <a href={`/tasks/assignment/complete/${item.id}`}>
               <TaskTypeAndNameDisplayPanel
                 taskName={item.taskName}
                 taskType={item.taskType}
@@ -35,10 +36,12 @@ const TasksTable: React.FC<TasksTableProps> = ({
                 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;