From 7282bfd2af593d2a6d03ecb2a8f181b7260b4b58 Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Sat, 9 Apr 2022 23:20:07 +0300
Subject: [PATCH] toggle search input

---
 src/constants/data.ts  |  1 +
 src/reducer/reducer.ts | 11 +++++++++++
 src/typings/global.ts  |  1 +
 3 files changed, 13 insertions(+)

diff --git a/src/constants/data.ts b/src/constants/data.ts
index 71accf7..849f46a 100644
--- a/src/constants/data.ts
+++ b/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: "",
diff --git a/src/reducer/reducer.ts b/src/reducer/reducer.ts
index 89ee146..0e9a172 100644
--- a/src/reducer/reducer.ts
+++ b/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,
diff --git a/src/typings/global.ts b/src/typings/global.ts
index 4ab7f84..bb88d49 100644
--- a/src/typings/global.ts
+++ b/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;