update commandBar duck to RTK (#7370)

web/src/js/ducks/commandBar.ts

@@ -1,4 +1,4 @@
-export const TOGGLE_VISIBILITY = "COMMANDBAR_TOGGLE_VISIBILITY";
+import { createSlice } from "@reduxjs/toolkit";
 
 interface CommandBarState {
     visible: boolean;
@@ -8,19 +8,16 @@ export const defaultState: CommandBarState = {
     visible: false,
 };
 
-export default function reducer(state = defaultState, action): CommandBarState {
-    switch (action.type) {
-        case TOGGLE_VISIBILITY:
-            return {
-                ...state,
-                visible: !state.visible,
-            };
+export const commandBarSlice = createSlice({
+    name: "commandBar",
+    initialState: defaultState,
+    reducers: {
+        toggleVisibility(state) {
+            state.visible = !state.visible;
+        },
+    },
+});
 
-        default:
-            return state;
-    }
-}
-
-export function toggleVisibility() {
-    return { type: TOGGLE_VISIBILITY };
-}
+const { actions, reducer } = commandBarSlice;
+export const { toggleVisibility } = actions;
+export default reducer;