Added parts backorder + receiving for orders BOD-159

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

@@ -21,6 +21,8 @@ const mapDispatchToProps = (dispatch) => ({
     dispatch(setModalContext({ context: context, modal: "schedule" })),
   setInvoiceEnterContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "invoiceEnter" })),
+  setPaymentContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "payment" })),
 });
 
 export function JobsDetailHeaderActions({
@@ -29,12 +31,13 @@ export function JobsDetailHeaderActions({
   refetch,
   setScheduleContext,
   setInvoiceEnterContext,
+  setPaymentContext,
 }) {
   const { t } = useTranslation();
   const client = useApolloClient();
   const history = useHistory();
   const statusmenu = (
-    <Menu key='popovermenu'>
+    <Menu key="popovermenu">
       <Menu.Item
         onClick={() => {
           setScheduleContext({
@@ -44,30 +47,43 @@ export function JobsDetailHeaderActions({
               job: job,
             },
           });
-        }}>
+        }}
+      >
         {t("jobs.actions.schedule")}
       </Menu.Item>
-
-      <Menu.Item key='cccontract'>
+      <Menu.Item
+        key="enterpayments"
+        onClick={() => {
+          setPaymentContext({
+            actions: {},
+            context: { jobId: job.id },
+          });
+        }}
+      >
+        {t("menus.header.enterpayment")}
+      </Menu.Item>
+      <Menu.Item key="cccontract">
         <Link
           to={{
             pathname: "/manage/courtesycars/contracts/new",
             state: { jobId: job.id },
-          }}>
+          }}
+        >
           {t("menus.jobsactions.newcccontract")}
         </Link>
       </Menu.Item>
       <Menu.Item
-        key='addtoproduction'
+        key="addtoproduction"
         disabled={!!!job.converted || !!job.inproduction}
-        onClick={() => AddToProduction(client, job.id, refetch)}>
+        onClick={() => AddToProduction(client, job.id, refetch)}
+      >
         {t("jobs.actions.addtoproduction")}
       </Menu.Item>
-      <Menu.Item key='duplicatejob'>
+      <Menu.Item key="duplicatejob">
         <Popconfirm
           title={t("jobs.labels.duplicateconfirm")}
-          okText='Yes'
-          cancelText='No'
+          okText="Yes"
+          cancelText="No"
           onClick={(e) => e.stopPropagation()}
           onConfirm={() =>
             DuplicateJob(
@@ -79,12 +95,13 @@ export function JobsDetailHeaderActions({
               }
             )
           }
-          getPopupContainer={(trigger) => trigger.parentNode}>
+          getPopupContainer={(trigger) => trigger.parentNode}
+        >
           {t("menus.jobsactions.duplicate")}
         </Popconfirm>
       </Menu.Item>
       <Menu.Item
-        key='postinvoices'
+        key="postinvoices"
         onClick={() => {
           setInvoiceEnterContext({
             actions: { refetch: refetch },
@@ -92,14 +109,16 @@ export function JobsDetailHeaderActions({
               job: job,
             },
           });
-        }}>
+        }}
+      >
         {t("jobs.actions.postInvoices")}
       </Menu.Item>
-      <Menu.Item key='closejob'>
+      <Menu.Item key="closejob">
         <Link
           to={{
             pathname: `/manage/jobs/${job.id}/close`,
-          }}>
+          }}
+        >
           {t("menus.jobsactions.closejob")}
         </Link>
       </Menu.Item>
@@ -108,10 +127,11 @@ export function JobsDetailHeaderActions({
   );
   return (
     <Dropdown
-      className='imex-flex-row__margin'
+      className="imex-flex-row__margin"
       overlay={statusmenu}
       trigger={["click"]}
-      key='changestatus'>
+      key="changestatus"
+    >
       <Button>
         {t("general.labels.actions")} <DownCircleFilled />
       </Button>