Added parts receive modal & line status component IO-567

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -15,6 +15,7 @@ import { DateFormatter } from "../../utils/DateFormatter";
 import { alphaSort } from "../../utils/sorters";
 import { TemplateList } from "../../utils/TemplateConstants";
 import PartsOrderLineBackorderButton from "../parts-order-line-backorder-button/parts-order-line-backorder-button.component";
+import PartsReceiveModalContainer from "../parts-receive-modal/parts-receive-modal.container";
 import PrintWrapper from "../print-wrapper/print-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
@@ -25,6 +26,8 @@ const mapStateToProps = createStructuredSelector({
 const mapDispatchToProps = (dispatch) => ({
   setBillEnterContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "billEnter" })),
+  setPartsReceiveContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "partsReceive" })),
 });
 
 export function PartsOrderListTableComponent({
@@ -34,6 +37,7 @@ export function PartsOrderListTableComponent({
   job,
   billsQuery,
   handleOnRowClick,
+  setPartsReceiveContext,
 }) {
   const responsibilityCenters = bodyshop.md_responsibility_centers;
 
@@ -102,6 +106,29 @@ export function PartsOrderListTableComponent({
       key: "actions",
       render: (text, record) => (
         <Space>
+          <Button
+            disabled={jobRO || record.return}
+            onClick={() => {
+              logImEXEvent("parts_order_receive_bill");
+
+              setPartsReceiveContext({
+                actions: { refetch: refetch },
+                context: {
+                  jobId: job.id,
+                  job: job,
+                  partsorderlines: record.parts_order_lines.map((pol) => {
+                    return {
+                      joblineid: pol.job_line_id,
+                      line_desc: pol.line_desc,
+                      quantity: pol.quantity,
+                    };
+                  }),
+                },
+              });
+            }}
+          >
+            {t("parts_orders.actions.receive")}
+          </Button>
           <Button
             disabled={jobRO}
             onClick={() => {
@@ -250,6 +277,7 @@ export function PartsOrderListTableComponent({
       <Typography.Title level={4}>
         {t("parts_orders.labels.parts_orders")}
       </Typography.Title>
+      <PartsReceiveModalContainer />
       <Table
         loading={billsQuery.loading}
         size="small"