refactor: redux migration - toggle menubar

renderer/providers/ReduxStore/index.js

@@ -0,0 +1,10 @@
+import { configureStore } from '@reduxjs/toolkit';
+import appReducer from './slices/app';
+
+export const store = configureStore({
+  reducer: {
+    app:appReducer
+  }
+});
+
+export default store;

renderer/providers/ReduxStore/slices/app.js

@@ -0,0 +1,21 @@
+import { createSlice } from '@reduxjs/toolkit'
+
+const initialState = {
+  leftMenuBarOpen: true,
+  leftSidebarWidth: 270
+};
+
+export const appSlice = createSlice({
+  name: 'app',
+  initialState,
+  reducers: {
+    toggleLeftMenuBar: (state) => {
+      state.leftMenuBarOpen = !state.leftMenuBarOpen;
+      state.leftSidebarWidth = state.leftMenuBarOpen ? 270 : 222;
+    }
+  }
+});
+
+export const { toggleLeftMenuBar } = appSlice.actions;
+
+export default appSlice.reducer;

renderer/providers/Store/actions.js

@@ -17,7 +17,6 @@ const ADD_NEW_GQL_REQUEST = "ADD_NEW_GQL_REQUEST";
 const IDB_CONNECTION_READY = "IDB_CONNECTION_READY";
 const IDB_COLLECTIONS_SYNC_STARTED = "IDB_COLLECTIONS_SYNC_STARTED";
 const IDB_COLLECTIONS_SYNC_ERROR = "IDB_COLLECTIONS_SYNC_ERROR";
-const TOGGLE_LEFT_MENUBAR = "TOGGLE_LEFT_MENUBAR";
 const HOTKEY_SAVE = "HOTKEY_SAVE";
 
 export default {
@@ -40,6 +39,5 @@ export default {
   IDB_CONNECTION_READY,
   IDB_COLLECTIONS_SYNC_STARTED,
   IDB_COLLECTIONS_SYNC_ERROR,
-  TOGGLE_LEFT_MENUBAR,
   HOTKEY_SAVE
 };

renderer/providers/Store/index.js

@@ -118,9 +118,7 @@ const initialState = {
 	activeRequestTabUid: null,
 	requestQueuedToSend: null,
 	requestTabs: [],
-	collectionsToSyncToIdb: [],
-	asideWidth: 270,
-	leftMenuBarOpen: true
+	collectionsToSyncToIdb: []
 };
 
 export const StoreProvider = props => {

renderer/providers/Store/reducer.js

@@ -335,13 +335,6 @@ const reducer = (state, action) => {
       });
     }
 
-    case actions.TOGGLE_LEFT_MENUBAR: {
-      return produce(state, (draft) => {
-        draft.leftMenuBarOpen = !draft.leftMenuBarOpen;
-        draft.asideWidth = draft.leftMenuBarOpen ? 270 : 222;
-      });
-    }
-
     case actions.HOTKEY_SAVE: {
       return produce(state, (draft) => {
         if(!draft.activeRequestTabUid) {