Added est line status + expandable row for previous orders on jobs lines detail

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

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { INSERT_NEW_PARTS_ORDERS } from "../../graphql/parts-orders.queries";
+import { UPDATE_JOB_LINE_STATUS } from "../../graphql/jobs-lines.queries";
 import { QUERY_ALL_VENDORS_FOR_ORDER } from "../../graphql/vendors.queries";
 import {
   selectBodyshop,
@@ -26,7 +27,8 @@ export default connect(
   linesToOrder,
   jobId,
   currentUser,
-  bodyshop
+  bodyshop,
+  refetch
 }) {
   const { t } = useTranslation();
   const [modalVisible, setModalVisible] = partsOrderModalVisible;
@@ -40,7 +42,7 @@ export default connect(
         db_price: value.db_price,
         act_price: value.act_price,
         line_remarks: "Alalala",
-        joblineid: value.joblineid,
+        job_line_id: value.id,
         status: bodyshop.md_order_statuses.default_ordered || "Ordered*"
       });
       return acc;
@@ -61,6 +63,7 @@ export default connect(
     skip: !modalVisible
   });
   const [insertPartOrder] = useMutation(INSERT_NEW_PARTS_ORDERS);
+  const [updateJobLines] = useMutation(UPDATE_JOB_LINE_STATUS);
 
   const handleOk = () => {
     insertPartOrder({
@@ -77,10 +80,25 @@ export default connect(
       }
     })
       .then(r => {
-        notification["success"]({
-          message: t("parts_orders.successes.created")
-        });
-        setModalVisible(false);
+        updateJobLines({
+          variables: {
+            ids: linesToOrder.map(item => item.id),
+            status: bodyshop.md_order_statuses.default_ordered || "Ordered*"
+          }
+        })
+          .then(response => {
+            notification["success"]({
+              message: t("parts_orders.successes.created")
+            });
+            if (refetch) refetch();
+            setModalVisible(false);
+          })
+          .catch(error => {
+            notification["error"]({
+              message: t("parts_orders.errors.creating"),
+              description: error.message
+            });
+          });
       })
       .catch(error => {
         notification["error"]({