BOD-5 BOD-36 #comment Added Audit Trail List to jobs and created Audit List view component + queries

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

@@ -13,7 +13,8 @@ import {
   FaHardHat,
   FaInfo,
   FaRegStickyNote,
-  FaShieldAlt
+  FaShieldAlt,
+  FaHistory
 } from "react-icons/fa";
 //import JobsLinesContainer from "../../components/job-detail-lines/job-lines.container";
 //import JobsDetailClaims from "../../components/jobs-detail-claims/jobs-detail-claims.component";
@@ -70,6 +71,9 @@ const EnterInvoiceModalContainer = lazy(() =>
 const JobsDetailPliContainer = lazy(() =>
   import("../../components/jobs-detail-pli/jobs-detail-pli.container")
 );
+const JobsDetailAuditContainer = lazy(() =>
+  import("../../components/audit-trail-list/audit-trail-list.container")
+);
 
 export default function JobsDetailPage({
   job,
@@ -120,7 +124,7 @@ export default function JobsDetailPage({
 
       <Form
         form={form}
-        onFieldsChange={(a, b) => console.log("a,b", a, b)}
+        //onFieldsChange={(a, b) => console.log("a,b", a, b)}
         name="JobDetailForm"
         onFinish={handleFinish}
         {...formItemLayout}
@@ -262,6 +266,21 @@ export default function JobsDetailPage({
           >
             <JobNotesContainer jobId={job.id} />
           </Tabs.TabPane>
+
+
+          <Tabs.TabPane
+          tab={
+            <span>
+              <Icon component={FaHistory} />
+              {t("jobs.labels.audit")}
+            </span>
+          }
+          key="audit"
+        >
+          <JobsDetailAuditContainer recordId={job.id }/>
+        </Tabs.TabPane>
+
+          
         </Tabs>
       </Form>
     </Suspense>