BOD-62 Added new job calculations on import + supplement.

client/src/components/jobs-detail-header/jobs-detail-header.component.jsx

@@ -9,7 +9,7 @@ import {
   Menu,
   notification,
   PageHeader,
-  Tag
+  Tag,
 } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -26,11 +26,11 @@ import VehicleTagPopoverComponent from "../vehicle-tag-popover/vehicle-tag-popov
 import JobsDetailHeaderActions from "../jobs-detail-header-actions/jobs-detail-header-actions.component";
 import { setModalContext } from "../../redux/modals/modals.actions";
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop
+  bodyshop: selectBodyshop,
 });
-const mapDispatchToProps = dispatch => ({
-  setScheduleContext: context =>
-    dispatch(setModalContext({ context: context, modal: "schedule" }))
+const mapDispatchToProps = (dispatch) => ({
+  setScheduleContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "schedule" })),
 });
 
 export function JobsDetailHeader({
@@ -40,7 +40,7 @@ export function JobsDetailHeader({
 
   bodyshop,
   updateJobStatus,
-  setScheduleContext
+  setScheduleContext,
 }) {
   const { t } = useTranslation();
 
@@ -55,11 +55,11 @@ export function JobsDetailHeader({
 
   const statusmenu = (
     <Menu
-      onClick={e => {
+      onClick={(e) => {
         updateJobStatus(e.key);
       }}
     >
-      {bodyshop.md_ro_statuses.statuses.map(item => (
+      {bodyshop.md_ro_statuses.statuses.map((item) => (
         <Menu.Item key={item}>{item}</Menu.Item>
       ))}
     </Menu>
@@ -78,8 +78,8 @@ export function JobsDetailHeader({
           setScheduleContext({
             actions: { refetch: refetch },
             context: {
-              jobId: job.id
-            }
+              jobId: job.id,
+            },
           });
         }}
       >
@@ -92,12 +92,12 @@ export function JobsDetailHeader({
       disabled={job.converted}
       onClick={() => {
         mutationConvertJob({
-          variables: { jobId: job.id }
-        }).then(r => {
+          variables: { jobId: job.id },
+        }).then((r) => {
           refetch();
 
           notification["success"]({
-            message: t("jobs.successes.converted")
+            message: t("jobs.successes.converted"),
           });
         });
       }}
@@ -107,13 +107,13 @@ export function JobsDetailHeader({
     <JobsDetailHeaderActions key="actions" job={job} />,
     <Button type="primary" key="submit" htmlType="submit">
       {t("general.actions.save")}
-    </Button>
+    </Button>,
   ];
 
   return (
     <PageHeader
       style={{
-        border: "1px solid rgb(235, 237, 240)"
+        border: "1px solid rgb(235, 237, 240)",
       }}
       title={tombstoneTitle}
       //subTitle={tombstoneSubtitle}
@@ -136,7 +136,7 @@ export function JobsDetailHeader({
           key="custowing"
           label={t("jobs.fields.customerowing")}
         >
-          ##NO BINDING YET##
+          <CurrencyFormatter>{job.owner_owing}</CurrencyFormatter>
         </Descriptions.Item>
 
         <Descriptions.Item
@@ -157,7 +157,7 @@ export function JobsDetailHeader({
 
         <Descriptions.Item key="servicecar" label={t("jobs.fields.servicecar")}>
           {job.cccontracts &&
-            job.cccontracts.map(item => (
+            job.cccontracts.map((item) => (
               <Link
                 key={item.id}
                 to={`/manage/courtesycars/contracts/${item.id}`}