IO-1023 receive parts modal updates.

client/src/components/parts-receive-modal/parts-receive-modal.container.jsx

@@ -5,7 +5,10 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.utils";
-import { UPDATE_JOB_LINE } from "../../graphql/jobs-lines.queries";
+import {
+  RECEIVE_PARTS_LINE,
+  UPDATE_JOB_LINE,
+} from "../../graphql/jobs-lines.queries";
 import { toggleModalVisible } from "../../redux/modals/modals.actions";
 import { selectPartsReceive } from "../../redux/modals/modals.selectors";
 import {
@@ -17,7 +20,7 @@ import PartsReceiveModalComponent from "./parts-receive-modal.component";
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
   bodyshop: selectBodyshop,
-  partsOrderModal: selectPartsReceive,
+  partsReceiveModal: selectPartsReceive,
 });
 
 const mapDispatchToProps = (dispatch) => ({
@@ -25,27 +28,27 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function PartsReceiveModalContainer({
-  partsOrderModal,
+  partsReceiveModal,
   toggleModalVisible,
   currentUser,
   bodyshop,
 }) {
   const { t } = useTranslation();
 
-  const { visible, context, actions } = partsOrderModal;
+  const { visible, context, actions } = partsReceiveModal;
   const { partsorderlines } = context;
 
   const { refetch } = actions;
   const [form] = Form.useForm();
 
-  const [updateJobLines] = useMutation(UPDATE_JOB_LINE);
+  const [receivePartsLine] = useMutation(RECEIVE_PARTS_LINE);
 
   const handleFinish = async (values) => {
     logImEXEvent("parts_order_receive");
 
     const result = await Promise.all(
       values.partsorderlines.map((li) => {
-        return updateJobLines({
+        return receivePartsLine({
           variables: {
             lineId: li.joblineid,
             line: {
@@ -53,6 +56,11 @@ export function PartsReceiveModalContainer({
               status:
                 bodyshop.md_order_statuses.default_received || "Received*",
             },
+            orderLineId: li.id,
+            orderLine: {
+              status:
+                bodyshop.md_order_statuses.default_received || "Received*",
+            },
           },
         });
       })
@@ -93,6 +101,7 @@ export function PartsReceiveModalContainer({
       onOk={() => form.submit()}
       destroyOnClose
       forceRender
+      width="50%"
     >
       <Form
         form={form}