Use redux for drawer open state

ui/src/reducers/settingsReducer.ts

@@ -2,6 +2,7 @@ import {
   POLL_INTERVAL_CHANGE,
   SettingsActionTypes,
   THEME_PREFERENCE_CHANGE,
+  TOGGLE_DRAWER,
 } from "../actions/settingsActions";
 
 export enum ThemePreference {
@@ -13,11 +14,13 @@ export enum ThemePreference {
 export interface SettingsState {
   pollInterval: number;
   themePreference: ThemePreference;
+  isDrawerOpen: boolean;
 }
 
 const initialState: SettingsState = {
   pollInterval: 8,
   themePreference: ThemePreference.SystemDefault,
+  isDrawerOpen: true,
 };
 
 function settingsReducer(
@@ -26,12 +29,23 @@ function settingsReducer(
 ): SettingsState {
   switch (action.type) {
     case POLL_INTERVAL_CHANGE:
-      return { ...state, pollInterval: action.value };
+      return {
+        ...state,
+        pollInterval: action.value,
+      };
+
     case THEME_PREFERENCE_CHANGE:
       return {
         ...state,
         themePreference: action.value,
       };
+
+    case TOGGLE_DRAWER:
+      return {
+        ...state,
+        isDrawerOpen: !state.isDrawerOpen,
+      };
+
     default:
       return state;
   }