WIP for not found error pages BOD-119

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

@@ -17,6 +17,7 @@ import {
 } from "../../redux/application/application.actions";
 import { CreateRecentItem } from "../../utils/create-recent-item";
 import JobsDetailPage from "./jobs-detail.page.component";
+import NotFound from "../../components/not-found/not-found.component";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -53,9 +54,10 @@ function JobsDetailPageContainer({ match, setBreadcrumbs, addRecentItem }) {
       : error
       ? t("titles.app")
       : t("titles.jobsdetail", {
-          ro_number: data.jobs_by_pk.converted
-            ? data.jobs_by_pk.ro_number
-            : `EST ${data.jobs_by_pk.est_number}`,
+          ro_number:
+            data.jobs_by_pk && data.jobs_by_pk.converted
+              ? data.jobs_by_pk && data.jobs_by_pk.ro_number
+              : `EST ${data.jobs_by_pk && data.jobs_by_pk.est_number}`,
         });
     setBreadcrumbs([
       { link: "/manage/jobs", label: t("titles.bc.jobs") },
@@ -64,15 +66,16 @@ function JobsDetailPageContainer({ match, setBreadcrumbs, addRecentItem }) {
         label: t("titles.bc.jobs-detail", {
           number:
             (data &&
-              (data.jobs_by_pk.converted
-                ? data && data.jobs_by_pk.ro_number
-                : `EST ${data.jobs_by_pk.est_number}`)) ||
+              data.jobs_by_pk &&
+              (data.jobs_by_pk && data.jobs_by_pk.converted
+                ? data && data.jobs_by_pk && data.jobs_by_pk.ro_number
+                : `EST ${data.jobs_by_pk && data.jobs_by_pk.est_number}`)) ||
             "",
         }),
       },
     ]);
 
-    if (data)
+    if (data && data.jobs_by_pk)
       addRecentItem(
         CreateRecentItem(
           jobId,
@@ -87,6 +90,7 @@ function JobsDetailPageContainer({ match, setBreadcrumbs, addRecentItem }) {
 
   if (loading) return <SpinComponent />;
   if (error) return <AlertComponent message={error.message} type="error" />;
+  if (!!!data.jobs_by_pk) return <NotFound />;
 
   return data.jobs_by_pk ? (
     <RbacWrapper action="jobs:detail">