WIP for Job Costing BOD-192

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

@@ -24,6 +24,8 @@ const mapDispatchToProps = (dispatch) => ({
     dispatch(setModalContext({ context: context, modal: "invoiceEnter" })),
   setPaymentContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "payment" })),
+  setJobCostingContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "jobCosting" })),
 });
 
 export function JobsDetailHeaderActions({
@@ -33,6 +35,7 @@ export function JobsDetailHeaderActions({
   setScheduleContext,
   setInvoiceEnterContext,
   setPaymentContext,
+  setJobCostingContext,
 }) {
   const { t } = useTranslation();
   const client = useApolloClient();
@@ -123,6 +126,20 @@ export function JobsDetailHeaderActions({
         </Link>
       </Menu.Item>
       <JobsDetaiLheaderCsi job={job} />
+      <Menu.Item
+        key='jobcosting'
+        onClick={() => {
+          logImEXEvent("job_header_job_costing");
+
+          setJobCostingContext({
+            actions: { refetch: refetch },
+            context: {
+              jobId: job.id,
+            },
+          });
+        }}>
+        {t("jobs.labels.jobcosting")}
+      </Menu.Item>
     </Menu>
   );
   return (