Added parts backorder + receiving for orders BOD-159

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

@@ -4,6 +4,7 @@ import AlertComponent from "../alert/alert.component";
 import InvoicesListTableComponent from "../invoices-list-table/invoices-list-table.component";
 import JobInvoicesTotalsComponent from "../job-invoices-total/job-invoices-total.component";
 import PartsOrderModal from "../parts-order-modal/parts-order-modal.container";
+import { PartsOrderListTableComponent } from "../parts-order-list-table/parts-order-list-table.component";
 const tableCol = {
   xs: {
     span: 24,
@@ -25,22 +26,29 @@ const totalsCol = {
 export default function JobsDetailPliComponent({
   job,
   invoicesQuery,
-  handleOnRowClick,
+  handleInvoiceOnRowClick,
+  handlePartsOrderOnRowClick,
   selectedInvoice,
 }) {
   return (
     <div>
       <PartsOrderModal />
       {invoicesQuery.error ? (
-        <AlertComponent message={invoicesQuery.error.message} type='error' />
+        <AlertComponent message={invoicesQuery.error.message} type="error" />
       ) : null}
       <Row>
         <Col {...tableCol}>
+          <PartsOrderListTableComponent
+            job={job}
+            loading={invoicesQuery.loading}
+            handleOnRowClick={handlePartsOrderOnRowClick}
+            selectedInvoice={selectedInvoice}
+            invoicesQuery={invoicesQuery}
+          />
           <InvoicesListTableComponent
             job={job}
             loading={invoicesQuery.loading}
-            handleOnRowClick={handleOnRowClick}
-            selectedInvoice={selectedInvoice}
+            handleOnRowClick={handleInvoiceOnRowClick}
             invoicesQuery={invoicesQuery}
           />
         </Col>

client/src/components/jobs-detail-pli/jobs-detail-pli.container.jsx

@@ -13,7 +13,7 @@ export default function JobsDetailPliContainer({ job }) {
   const search = queryString.parse(useLocation().search);
   const history = useHistory();
 
-  const handleOnRowClick = (record) => {
+  const handleInvoiceOnRowClick = (record) => {
     if (record) {
       if (record.id) {
         search.invoiceid = record.id;
@@ -25,12 +25,24 @@ export default function JobsDetailPliContainer({ job }) {
     }
   };
 
+  const handlePartsOrderOnRowClick = (record) => {
+    if (record) {
+      if (record.id) {
+        search.partsorderid = record.id;
+        history.push({ search: queryString.stringify(search) });
+      }
+    } else {
+      delete search.partsorderid;
+      history.push({ search: queryString.stringify(search) });
+    }
+  };
+
   return (
     <JobsDetailPliComponent
       job={job}
       invoicesQuery={invoicesQuery}
-      handleOnRowClick={handleOnRowClick}
-      selectedInvoice={search.invoiceid}
+      handleInvoiceOnRowClick={handleInvoiceOnRowClick}
+      handlePartsOrderOnRowClick={handlePartsOrderOnRowClick}
     />
   );
 }