feature/IO-2681-Share-To-Teams-Button - checkpoint

client/src/components/task-list/task-list.component.jsx

@@ -18,6 +18,7 @@ import { setModalContext } from "../../redux/modals/modals.actions";
 import { pageLimit } from "../../utils/config";
 import { DateFormatter, DateTimeFormatter } from "../../utils/DateFormatter.jsx";
 import dayjs from "../../utils/day";
+import ShareToTeamsButton from "../share-to-teams/share-to-teams-button.jsx";
 
 /**
  * Task List Component
@@ -266,8 +267,13 @@ function TaskListComponent({
       width: "8%",
       render: (text, record) => (
         <Space direction="horizontal">
+          <ShareToTeamsButton
+            linkText=""
+            urlOverride={`https://localhost:3000/manage/tasks/alltasks?taskid=${record.id}`}
+          />
           <Button
             title={t("tasks.buttons.edit")}
+            icon={<EditFilled />}
             onClick={() => {
               setTaskUpsertContext({
                 context: {
@@ -276,18 +282,18 @@ function TaskListComponent({
                 }
               });
             }}
-          >
-            <EditFilled />
-          </Button>
+          />
           <Button
             title={t("tasks.buttons.complete")}
             onClick={() => toggleCompletedStatus(record.id, record.completed)}
-          >
-            {record.completed ? <CheckCircleOutlined /> : <CheckCircleFilled />}
-          </Button>
-          <Button title={t("tasks.buttons.delete")} onClick={() => toggleDeletedStatus(record.id, record.deleted)}>
-            {record.deleted ? <DeleteOutlined /> : <DeleteFilled />}
-          </Button>
+            icon={record.completed ? <CheckCircleOutlined /> : <CheckCircleFilled />}
+          />
+
+          <Button
+            title={t("tasks.buttons.delete")}
+            onClick={() => toggleDeletedStatus(record.id, record.deleted)}
+            icon={record.deleted ? <DeleteOutlined /> : <DeleteFilled />}
+          />
         </Space>
       )
     }