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

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -3,6 +3,7 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { alphaSort } from "../../utils/sorters";
+import { Link } from "react-router-dom";
 //import EditableCell from "./job-lines-cell.component";
 import AllocationsAssignmentContainer from "../allocations-assignment/allocations-assignment.container";
 import PartsOrderModalContainer from "../parts-order-modal/parts-order-modal.container";
@@ -111,6 +112,14 @@ export default function JobLinesComponent({
       sortOrder:
         state.sortedInfo.columnKey === "mod_lb_hrs" && state.sortedInfo.order
     },
+    {
+      title: t("joblines.fields.status"),
+      dataIndex: "status",
+      key: "status",
+      sorter: (a, b) => alphaSort(a.status, b.status),
+      sortOrder:
+        state.sortedInfo.columnKey === "status" && state.sortedInfo.order
+    },
     {
       title: t("allocations.fields.employee"),
       dataIndex: "employee",
@@ -170,6 +179,7 @@ export default function JobLinesComponent({
         <PartsOrderModalContainer
           partsOrderModalVisible={partsOrderModalVisible}
           linesToOrder={selectedLines}
+          refetch={refetch}
           jobId={jobId}
         />
       ) : null}
@@ -200,6 +210,20 @@ export default function JobLinesComponent({
         {...formItemLayout}
         loading={loading}
         size='small'
+        expandedRowRender={record => (
+          <div style={{ margin: 0 }}>
+            <strong>{t("parts_orders.labels.orderhistory")}</strong>
+            {record.parts_order_lines.map(item => (
+              <div key={item.id}>
+                {`${item.parts_order.order_number || ""} from `}
+                <Link to={`/manage/shop/vendors/${item.parts_order.vendor.id}`}>
+                  {item.parts_order.vendor.name || ""}
+                </Link>
+                {` on ${item.parts_order.order_date || ""}`}
+              </div>
+            ))}
+          </div>
+        )}
         pagination={{ position: "top", defaultPageSize: 25 }}
         rowSelection={{
           // selectedRowKeys: selectedLines,