Added selected header navigation BOD-164

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

@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
 import {
   setBreadcrumbs,
   addRecentItem,
+  setSelectedHeader,
 } from "../../redux/application/application.actions";
 import { connect } from "react-redux";
 import { CreateRecentItem } from "../../utils/create-recent-item";
@@ -16,12 +17,14 @@ import NotFound from "../../components/not-found/not-found.component";
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
   addRecentItem: (item) => dispatch(addRecentItem(item)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
 });
 
 export function VehicleDetailContainer({
   match,
   setBreadcrumbs,
   addRecentItem,
+  setSelectedHeader,
 }) {
   const { vehId } = match.params;
   const { t } = useTranslation();
@@ -40,6 +43,8 @@ export function VehicleDetailContainer({
             } ${data.vehicles_by_pk && data.vehicles_by_pk.v_model_desc}`
           : "",
     });
+    setSelectedHeader("vehicles");
+
     setBreadcrumbs([
       { link: "/manage/vehicles", label: t("titles.bc.vehicles") },
       {
@@ -62,7 +67,7 @@ export function VehicleDetailContainer({
           `/manage/vehicles/${vehId}`
         )
       );
-  }, [t, data, setBreadcrumbs, vehId, addRecentItem]);
+  }, [t, data, setBreadcrumbs, vehId, addRecentItem, setSelectedHeader]);
 
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent message={error.message} type="error" />;