BOD-24 WIP for document previews for non images. Random cleanup included. #comment Current design for document previews may be bandwidth intensive. Proceeding with design to get v1 completed.

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -1,9 +1,21 @@
-import Icon, { BarsOutlined, CalendarFilled, DollarCircleOutlined, FileImageFilled, ToolFilled } from "@ant-design/icons";
+import Icon, {
+  BarsOutlined,
+  CalendarFilled,
+  DollarCircleOutlined,
+  FileImageFilled,
+  ToolFilled
+} from "@ant-design/icons";
 import { Form, notification, Tabs } from "antd";
 import moment from "moment";
 import React, { lazy, Suspense } from "react";
 import { useTranslation } from "react-i18next";
-import { FaHardHat, FaHistory, FaInfo, FaRegStickyNote, FaShieldAlt } from "react-icons/fa";
+import {
+  FaHardHat,
+  FaHistory,
+  FaInfo,
+  FaRegStickyNote,
+  FaShieldAlt
+} from "react-icons/fa";
 import { useHistory } from "react-router-dom";
 //import JobsLinesContainer from "../../components/job-detail-lines/job-lines.container";
 //import JobsDetailClaims from "../../components/jobs-detail-claims/jobs-detail-claims.component";
@@ -40,8 +52,10 @@ const JobsDetailInsurance = lazy(() =>
     "../../components/jobs-detail-insurance/jobs-detail-insurance.component"
   )
 );
-const JobsDocumentsContainer = lazy(() =>
-  import("../../components/jobs-documents/jobs-documents.container")
+const JobsDocumentsGalleryContainer = lazy(() =>
+  import(
+    "../../components/jobs-documents-gallery/jobs-documents-gallery.container"
+  )
 );
 const JobNotesContainer = lazy(() =>
   import("../../components/jobs-notes/jobs-notes.container")
@@ -249,7 +263,7 @@ export default function JobsDetailPage({
             }
             key="documents"
           >
-            <JobsDocumentsContainer jobId={job.id} />
+            <JobsDocumentsGalleryContainer jobId={job.id} />
           </Tabs.TabPane>
           <Tabs.TabPane
             tab={

client/src/pages/jobs-detail/jobs-detail.page.context.jsx

@@ -1,3 +0,0 @@
-import React from "react";
-const JobDetailFormContext = React.createContext(null);
-export default JobDetailFormContext;