toggle search input

src/constants/data.ts

@@ -38,6 +38,7 @@ export const defaultConfig: StorageConfig = {
   expand: true,
   autoformat: true,
   hideEditor: false,
+  showSearch: false,
   zoomScale: 0.8,
   transform: 0,
   searchNode: "",

src/reducer/reducer.ts

@@ -8,6 +8,7 @@ export enum ConfigActionType {
   TOGGLE_EXPAND,
   TOGGLE_AUTOFORMAT,
   TOGGLE_DOCK,
+  TOGGLE_SEARCH,
   ZOOM_IN,
   ZOOM_OUT,
   CENTER_VIEW,
@@ -28,6 +29,16 @@ export const useConfigReducer: React.Reducer<AppConfig, ReducerAction> = (
     case ConfigActionType.SET_CONFIG:
       return { ...state, settings: action.payload };
 
+    case ConfigActionType.TOGGLE_SEARCH:
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          showSearch: !state.settings.showSearch,
+          ...(state.settings.showSearch && { searchNode: "" }),
+        },
+      };
+
     case ConfigActionType.SET_SEARCH_NODE:
       return {
         ...state,

src/typings/global.ts

@@ -5,6 +5,7 @@ export interface StorageConfig {
   expand: boolean;
   autoformat: boolean;
   hideEditor: boolean;
+  showSearch: boolean;
   zoomScale: number;
   transform: number;
   searchNode: string;