- Progress commit

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -16,7 +16,7 @@ import dayjs from "../../utils/day";
 import queryString from "query-string";
 import React, {useEffect, useState} from "react";
 import {useTranslation} from "react-i18next";
-import {FaHardHat, FaRegStickyNote, FaShieldAlt} from "react-icons/fa";
+import {FaHardHat, FaRegStickyNote, FaShieldAlt, FaTasks} from "react-icons/fa";
 import {connect} from "react-redux";
 import {useLocation, useNavigate} from "react-router-dom";
 import {createStructuredSelector} from "reselect";
@@ -54,6 +54,8 @@ import JobProfileDataWarning from "../../components/job-profile-data-warning/job
 import {DateTimeFormat} from "../../utils/DateFormatter";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import { HasFeatureAccess } from "../../components/feature-wrapper/feature-wrapper.component";
+import TaskListContainer from "../../components/task-list/task-list.container.jsx";
+import {QUERY_JOB_TASKS_PAGINATED} from "../../graphql/tasks.queries.js";
 
 const mapStateToProps = createStructuredSelector({
     bodyshop: selectBodyshop,
@@ -376,6 +378,12 @@ export function JobsDetailPage({
                             label: t("jobs.labels.audit"),
                             children: <JobAuditTrail jobId={job.id}/>,
                         },
+                      {
+                        key: 'tasks',
+                        icon: <FaTasks/>,
+                        label: t("menus.jobsdetail.tasks"),
+                        children: <TaskListContainer bodyshop={bodyshop}  relationshipType={'jobid'} relationshipId={job.id} query={QUERY_JOB_TASKS_PAGINATED} titleTranslation='tasks.titles.job_tasks'/>
+                      },
                     ]}
                 />
             </Form>

client/src/pages/tasks/tasks.page.component.jsx

@@ -1,11 +1,13 @@
 import React from "react";
 import TaskListContainer from "../../components/task-list/task-list.container.jsx";
+import {QUERY_MY_TASKS_PAGINATED} from "../../graphql/tasks.queries.js";
 
 export default function TasksPageComponent({bodyshop, currentUser}) {
 
   return (
     <div>
-      <TaskListContainer bodyshop={bodyshop} currentUser={currentUser} />
+      <TaskListContainer  relationshipId={currentUser.email} relationshipType={'user'} query={QUERY_MY_TASKS_PAGINATED} bodyshop={bodyshop} titleTranslation={'tasks.titles.my_tasks'}
+                         currentUser={currentUser}/>
     </div>
   );
 }