Added breadcrumb object + breadcrumbs for major pages.

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

@@ -3,7 +3,7 @@ import Icon, {
   CalendarFilled,
   DollarCircleOutlined,
   FileImageFilled,
-  ToolFilled
+  ToolFilled,
 } from "@ant-design/icons";
 import { Form, notification, Tabs } from "antd";
 import moment from "moment";
@@ -14,7 +14,7 @@ import {
   FaHistory,
   FaInfo,
   FaRegStickyNote,
-  FaShieldAlt
+  FaShieldAlt,
 } from "react-icons/fa";
 import { useHistory, useLocation } from "react-router-dom";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
@@ -57,9 +57,7 @@ const JobLineUpsertModalContainer = lazy(() =>
     "../../components/job-lines-upsert-modal/job-lines-upsert-modal.container"
   )
 );
-const EnterInvoiceModalContainer = lazy(() =>
-  import("../../components/invoice-enter-modal/invoice-enter-modal.container")
-);
+
 const JobsDetailPliContainer = lazy(() =>
   import("../../components/jobs-detail-pli/jobs-detail-pli.container")
 );
@@ -73,7 +71,7 @@ export default function JobsDetailPage({
   mutationConvertJob,
   handleSubmit,
   refetch,
-  updateJobStatus
+  updateJobStatus,
 }) {
   const { t } = useTranslation();
   const [form] = Form.useForm();
@@ -83,22 +81,22 @@ export default function JobsDetailPage({
   const formItemLayout = {
     labelCol: {
       xs: { span: 12 },
-      sm: { span: 5 }
+      sm: { span: 5 },
     },
     wrapperCol: {
       xs: { span: 24 },
-      sm: { span: 12 }
-    }
+      sm: { span: 12 },
+    },
   };
 
-  const handleFinish = values => {
+  const handleFinish = (values) => {
     mutationUpdateJob({
-      variables: { jobId: job.id, job: values }
-    }).then(r => {
+      variables: { jobId: job.id, job: values },
+    }).then((r) => {
       notification["success"]({
-        message: t("jobs.successes.savetitle")
+        message: t("jobs.successes.savetitle"),
       });
-      refetch().then(r => form.resetFields());
+      refetch().then((r) => form.resetFields());
     });
   };
 
@@ -108,7 +106,6 @@ export default function JobsDetailPage({
     >
       <ScheduleJobModalContainer />
       <JobLineUpsertModalContainer />
-      <EnterInvoiceModalContainer />
 
       <Form
         form={form}
@@ -143,7 +140,7 @@ export default function JobsDetailPage({
             : null,
           date_invoiced: job.date_invoiced ? moment(job.date_invoiced) : null,
           date_closed: job.date_closed ? moment(job.date_closed) : null,
-          date_exported: job.date_exported ? moment(job.date_exported) : null
+          date_exported: job.date_exported ? moment(job.date_exported) : null,
         }}
       >
         <JobsDetailHeader
@@ -155,7 +152,7 @@ export default function JobsDetailPage({
         />
         <Tabs
           defaultActiveKey={search.tab}
-          onChange={key => history.push({ search: `?tab=${key}` })}
+          onChange={(key) => history.push({ search: `?tab=${key}` })}
         >
           <Tabs.TabPane
             tab={