Local media server bugfixes.

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

@@ -6,15 +6,20 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useHistory, useLocation } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
 import { GET_JOB_BY_PK } from "../../graphql/jobs.queries";
 import { setModalContext } from "../../redux/modals/modals.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import JobLinesContainer from "../job-detail-lines/job-lines.container";
 import JobsDetailHeader from "../jobs-detail-header/jobs-detail-header.component";
 import JobsDocumentsGalleryContainer from "../jobs-documents-gallery/jobs-documents-gallery.container";
+import JobsDocumentsLocalGallery from "../jobs-documents-local-gallery/jobs-documents-local-gallery.container";
 import JobNotesContainer from "../jobs-notes/jobs-notes.container";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 
+const mapStateToProps = createStructuredSelector({ bodyshop: selectBodyshop });
+
 const mapDispatchToProps = (dispatch) => ({
   setPrintCenterContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "printCenter" })),
@@ -29,7 +34,7 @@ const mapDispatchToProps = (dispatch) => ({
 //   },
 // };
 
-export function JobDetailCards({ setPrintCenterContext }) {
+export function TechLookupJobsDrawer({ bodyshop, setPrintCenterContext }) {
   const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
     .filter((screen) => !!screen[1])
     .slice(-1)[0];
@@ -110,7 +115,13 @@ export function JobDetailCards({ setPrintCenterContext }) {
               />
             </Tabs.TabPane>
             <Tabs.TabPane key="documents" tab={t("jobs.labels.documents")}>
-              <JobsDocumentsGalleryContainer jobId={searchParams.selected} />
+              {bodyshop.uselocalmediaserver ? (
+                <JobsDocumentsLocalGallery
+                  job={data ? data.jobs_by_pk : null}
+                />
+              ) : (
+                <JobsDocumentsGalleryContainer jobId={searchParams.selected} />
+              )}
             </Tabs.TabPane>
             <Tabs.TabPane key="notes" tab={t("jobs.labels.notes")}>
               <JobNotesContainer jobId={searchParams.selected} />
@@ -121,4 +132,7 @@ export function JobDetailCards({ setPrintCenterContext }) {
     </Drawer>
   );
 }
-export default connect(null, mapDispatchToProps)(JobDetailCards);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(TechLookupJobsDrawer);