Added selected header navigation BOD-164

client/src/pages/courtesy-car-detail/courtesy-car-detail.page.container.jsx

@@ -11,6 +11,7 @@ import { QUERY_CC_BY_PK, UPDATE_CC } from "../../graphql/courtesy-car.queries";
 import {
   addRecentItem,
   setBreadcrumbs,
+  setSelectedHeader,
 } from "../../redux/application/application.actions";
 import { CreateRecentItem } from "../../utils/create-recent-item";
 import CourtesyCarDetailPageComponent from "./courtesy-car-detail.page.component";
@@ -22,10 +23,12 @@ import { useLocation } from "react-router-dom";
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
   addRecentItem: (item) => dispatch(addRecentItem(item)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
 });
 export function CourtesyCarDetailPageContainer({
   setBreadcrumbs,
   addRecentItem,
+  setSelectedHeader,
 }) {
   const searchParams = queryString.parse(useLocation().search);
   const { page, sortcolumn, sortorder } = searchParams;
@@ -53,6 +56,8 @@ export function CourtesyCarDetailPageContainer({
   });
 
   useEffect(() => {
+    setSelectedHeader("courtesycarsall");
+
     document.title = loading
       ? t("titles.app")
       : error
@@ -89,7 +94,16 @@ export function CourtesyCarDetailPageContainer({
           `/manage/courtesycars/${ccId}`
         )
       );
-  }, [t, data, error, loading, setBreadcrumbs, ccId, addRecentItem]);
+  }, [
+    t,
+    data,
+    error,
+    loading,
+    setBreadcrumbs,
+    ccId,
+    addRecentItem,
+    setSelectedHeader,
+  ]);
 
   const handleFinish = async (values) => {
     setSaveLoading(true);