Added selected header navigation BOD-164

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

@@ -16,6 +16,7 @@ import {
 import {
   addRecentItem,
   setBreadcrumbs,
+  setSelectedHeader,
 } from "../../redux/application/application.actions";
 import { CreateRecentItem } from "../../utils/create-recent-item";
 import ContractDetailPageComponent from "./contract-detail.page.component";
@@ -24,9 +25,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 ContractDetailPageContainer({ setBreadcrumbs, addRecentItem }) {
+export function ContractDetailPageContainer({
+  setBreadcrumbs,
+  addRecentItem,
+  setSelectedHeader,
+}) {
   const { t } = useTranslation();
   const [updateContract] = useMutation(UPDATE_CONTRACT);
   const [form] = Form.useForm();
@@ -37,6 +43,7 @@ export function ContractDetailPageContainer({ setBreadcrumbs, addRecentItem }) {
   });
 
   useEffect(() => {
+    setSelectedHeader("contracts");
     document.title = loading
       ? t("titles.app")
       : error
@@ -76,7 +83,16 @@ export function ContractDetailPageContainer({ setBreadcrumbs, addRecentItem }) {
           `/manage/courtesycars/contracts/${contractId}`
         )
       );
-  }, [t, data, error, loading, setBreadcrumbs, addRecentItem, contractId]);
+  }, [
+    t,
+    data,
+    error,
+    loading,
+    setBreadcrumbs,
+    addRecentItem,
+    contractId,
+    setSelectedHeader,
+  ]);
 
   const handleFinish = async (values) => {
     const result = await updateContract({