feature/IO-1113-Online-Dark-Mode - Toggle / Local storage solution

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

@@ -77,3 +77,11 @@ export const setWssStatus = (status) => ({
   type: ApplicationActionTypes.SET_WSS_STATUS,
   payload: status
 });
+export const toggleDarkMode = () => ({
+  type: ApplicationActionTypes.TOGGLE_DARK_MODE
+});
+
+export const setDarkMode = (value) => ({
+  type: ApplicationActionTypes.SET_DARK_MODE,
+  payload: value
+});

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

@@ -16,7 +16,8 @@ const INITIAL_STATE = {
   },
   jobReadOnly: false,
   partnerVersion: null,
-  alerts: {}
+  alerts: {},
+  darkMode: false
 };
 
 const applicationReducer = (state = INITIAL_STATE, action) => {
@@ -104,6 +105,16 @@ const applicationReducer = (state = INITIAL_STATE, action) => {
         alerts: newAlertsMap
       };
     }
+    case ApplicationActionTypes.TOGGLE_DARK_MODE:
+      return {
+        ...state,
+        darkMode: !state.darkMode
+      };
+    case ApplicationActionTypes.SET_DARK_MODE:
+      return {
+        ...state,
+        darkMode: action.payload
+      };
     default:
       return state;
   }

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

@@ -24,3 +24,4 @@ export const selectProblemJobs = createSelector([selectApplication], (applicatio
 export const selectUpdateAvailable = createSelector([selectApplication], (application) => application.updateAvailable);
 export const selectWssStatus = createSelector([selectApplication], (application) => application.wssStatus);
 export const selectAlerts = createSelector([selectApplication], (application) => application.alerts);
+export const selectDarkMode = createSelector([selectApplication], (application) => application.darkMode);

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

@@ -14,6 +14,8 @@ const ApplicationActionTypes = {
   SET_PROBLEM_JOBS: "SET_PROBLEM_JOBS",
   SET_UPDATE_AVAILABLE: "SET_UPDATE_AVAILABLE",
   SET_WSS_STATUS: "SET_WSS_STATUS",
-  ADD_ALERTS: "ADD_ALERTS"
+  ADD_ALERTS: "ADD_ALERTS",
+  TOGGLE_DARK_MODE: "TOGGLE_DARK_MODE",
+  SET_DARK_MODE: "SET_DARK_MODE"
 };
 export default ApplicationActionTypes;