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>