Added selected header navigation BOD-164

client/src/redux/application/application.actions.js

@@ -33,3 +33,8 @@ export const addRecentItem = (item) => ({
   type: ApplicationActionTypes.ADD_RECENT_ITEM,
   payload: item,
 });
+
+export const setSelectedHeader = (key) => ({
+  type: ApplicationActionTypes.SET_SELECTED_HEADER,
+  payload: key,
+});

client/src/redux/application/application.reducer.js

@@ -4,6 +4,7 @@ const INITIAL_STATE = {
   loading: false,
   breadcrumbs: [],
   recentItems: [],
+  selectedHeader: "home",
   scheduleLoad: {
     load: {},
     calculating: false,
@@ -13,6 +14,11 @@ const INITIAL_STATE = {
 
 const applicationReducer = (state = INITIAL_STATE, action) => {
   switch (action.type) {
+    case ApplicationActionTypes.SET_SELECTED_HEADER:
+      return {
+        ...state,
+        selectedHeader: action.payload,
+      };
     case ApplicationActionTypes.ADD_RECENT_ITEM:
       return {
         ...state,

client/src/redux/application/application.selectors.js

@@ -26,3 +26,8 @@ export const selectScheduleLoadCalculating = createSelector(
   [selectApplication],
   (application) => application.scheduleLoad.calculating
 );
+
+export const selectSelectedHeader = createSelector(
+  [selectApplication],
+  (application) => application.selectedHeader
+);

client/src/redux/application/application.types.js

@@ -6,5 +6,6 @@ const ApplicationActionTypes = {
   CALCULATE_SCHEDULE_LOAD_SUCCESS: "CALCULATE_SCHEDULE_LOAD_SUCCESS",
   CALCULATE_SCHEDULE_LOAD_FAILURE: "CALCULATE_SCHEDULE_LOAD_FAILURE",
   ADD_RECENT_ITEM: "ADD_RECENT_ITEM",
+  SET_SELECTED_HEADER: "SET_SELECTED_HEADER",
 };
 export default ApplicationActionTypes;