BOD-26 Added totals calculation for job reconciliation.

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

@@ -1,10 +1,22 @@
-import Icon, { BarsOutlined, CalendarFilled, DollarCircleOutlined, FileImageFilled, ToolFilled } from "@ant-design/icons";
+import Icon, {
+  BarsOutlined,
+  CalendarFilled,
+  DollarCircleOutlined,
+  FileImageFilled,
+  ToolFilled,
+} from "@ant-design/icons";
 import { Form, notification, Tabs } from "antd";
 import moment from "moment";
 import queryString from "query-string";
 import React, { lazy, Suspense } from "react";
 import { useTranslation } from "react-i18next";
-import { FaHardHat, FaHistory, FaInfo, FaRegStickyNote, FaShieldAlt } from "react-icons/fa";
+import {
+  FaHardHat,
+  FaHistory,
+  FaInfo,
+  FaRegStickyNote,
+  FaShieldAlt,
+} from "react-icons/fa";
 import { connect } from "react-redux";
 import { useHistory, useLocation } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
@@ -50,7 +62,6 @@ const JobLineUpsertModalContainer = lazy(() =>
     "../../components/job-lines-upsert-modal/job-lines-upsert-modal.container"
   )
 );
-
 const JobsDetailPliContainer = lazy(() =>
   import("../../components/jobs-detail-pli/jobs-detail-pli.container")
 );
@@ -60,6 +71,11 @@ const JobsDetailAuditContainer = lazy(() =>
 const JobsDetailLaborContainer = lazy(() =>
   import("../../components/jobs-detail-labor/jobs-detail-labor.container")
 );
+const JobReconciliationModal = lazy(() =>
+  import(
+    "../../components/job-reconciliation-modal/job-reconciliation.modal.container"
+  )
+);
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -114,6 +130,7 @@ export function JobsDetailPage({
     <Suspense
       fallback={<LoadingSpinner message={t("general.labels.loadingapp")} />}>
       <ScheduleJobModalContainer />
+      <JobReconciliationModal />
       <JobLineUpsertModalContainer />
       <Form
         form={form}