Basic oAuth for QBO BOD-266

client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx

@@ -6,7 +6,7 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, useHistory, useLocation } from "react-router-dom";
-import { QUERY_JOB_CARD_DETAILS } from "../../graphql/jobs.queries";
+import { GET_JOB_BY_PK } from "../../graphql/jobs.queries";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
@@ -50,7 +50,7 @@ export function JobDetailCards({ setPrintCenterContext }) {
   const searchParams = queryString.parse(useLocation().search);
   const { selected } = searchParams;
   const history = useHistory();
-  const { loading, error, data, refetch } = useQuery(QUERY_JOB_CARD_DETAILS, {
+  const { loading, error, data, refetch } = useQuery(GET_JOB_BY_PK, {
     fetchPolicy: "network-only",
     variables: { id: selected },
     skip: !selected,
@@ -124,7 +124,11 @@ export function JobDetailCards({ setPrintCenterContext }) {
           </Row>
           <Tabs size="large">
             <Tabs.TabPane key="lines" tab={t("jobs.labels.lines")}>
-              <JobLinesContainer jobId={searchParams.selected} />
+              <JobLinesContainer
+                jobId={selected}
+                joblines={data.jobs_by_pk.joblines}
+                refetch={refetch}
+              />
             </Tabs.TabPane>
             <Tabs.TabPane key="documents" tab={t("jobs.labels.documents")}>
               <JobsDocumentsGalleryContainer jobId={searchParams.selected} />