WIP Vendors list table + order parts.

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

@@ -8,6 +8,8 @@ import AllocationsAssignmentContainer from "../allocations-assignment/allocation
 import PartsOrderModalContainer from "../parts-order-modal/parts-order-modal.container";
 
 export default function JobLinesComponent({
+  loading,
+  refetch,
   jobLines,
   setSearchText,
   selectedLines,
@@ -18,7 +20,7 @@ export default function JobLinesComponent({
     sortedInfo: {}
   });
   const { t } = useTranslation();
-  const [partsModalVisible, setPartsModalVisible] = partsOrderModalVisible;
+  const setPartsModalVisible = partsOrderModalVisible[1];
   const columns = [
     {
       title: t("joblines.fields.unq_seq"),
@@ -126,6 +128,7 @@ export default function JobLinesComponent({
             : null}
           <AllocationsAssignmentContainer
             key={record.id}
+            refetch={refetch}
             jobLineId={record.id}
             hours={record.mod_lb_hrs}
           />
@@ -187,6 +190,7 @@ export default function JobLinesComponent({
           );
         }}
         {...formItemLayout}
+        loading={loading}
         size="small"
         pagination={{ position: "bottom", defaultPageSize: 50 }}
         rowSelection={{

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

@@ -8,7 +8,7 @@ import JobLinesComponent from "./job-lines.component";
 //export default Form.create({ name: "JobsDetailJobLines" })(
 
 export default function JobLinesContainer({ jobId }) {
-  const { loading, error, data } = useQuery(GET_JOB_LINES_BY_PK, {
+  const { loading, error, data, refetch } = useQuery(GET_JOB_LINES_BY_PK, {
     variables: { id: jobId },
     fetchPolicy: "network-only"
   });
@@ -21,6 +21,7 @@ export default function JobLinesContainer({ jobId }) {
   return (
     <JobLinesComponent
       loading={loading}
+      refetch={refetch}
       jobLines={
         data && data.joblines
           ? searchText