Added error pages for detail type pages BOD-119

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

@@ -11,6 +11,7 @@ import {
 } from "../../redux/application/application.actions";
 import { connect } from "react-redux";
 import { CreateRecentItem } from "../../utils/create-recent-item";
+import NotFound from "../../components/not-found/not-found.component";
 
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
@@ -34,7 +35,9 @@ export function VehicleDetailContainer({
     document.title = t("titles.vehicledetail", {
       vehicle:
         data && data.vehicles_by_pk
-          ? `${data.vehicles_by_pk.v_model_yr} ${data.vehicles_by_pk.v_make_desc} ${data.vehicles_by_pk.v_model_desc}`
+          ? `${data.vehicles_by_pk && data.vehicles_by_pk.v_model_yr} ${
+              data.vehicles_by_pk && data.vehicles_by_pk.v_make_desc
+            } ${data.vehicles_by_pk && data.vehicles_by_pk.v_model_desc}`
           : "",
     });
     setBreadcrumbs([
@@ -50,7 +53,7 @@ export function VehicleDetailContainer({
       },
     ]);
 
-    if (data)
+    if (data && data.vehicles_by_pk)
       addRecentItem(
         CreateRecentItem(
           vehId,
@@ -64,13 +67,9 @@ export function VehicleDetailContainer({
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent message={error.message} type="error" />;
 
-  if (data.vehicles_by_pk)
-    return (
-      <VehicleDetailComponent vehicle={data.vehicles_by_pk} refetch={refetch} />
-    );
-  else
-    return (
-      <AlertComponent message={t("vehicles.errors.noaccess")} type="error" />
-    );
+  if (!!!data.vehicles_by_pk) return <NotFound />;
+  return (
+    <VehicleDetailComponent vehicle={data.vehicles_by_pk} refetch={refetch} />
+  );
 }
 export default connect(null, mapDispatchToProps)(VehicleDetailContainer);