performance context

src/constants/data.ts

@@ -45,4 +45,5 @@ export const defaultConfig: StorageConfig = {
   hideEditor: false,
   zoomPanPinch: null,
   lightmode: false,
+  performance: false,
 };

src/containers/Editor/Tools.tsx

@@ -68,10 +68,12 @@ export const Tools: React.FC = () => {
       <StyledToolElement aria-label="switch theme" onClick={toggleTheme}>
         {settings.lightmode ? <HiOutlineMoon /> : <HiOutlineSun />}
       </StyledToolElement>
-      <SearchInput />
-      <StyledToolElement aria-label="save" onClick={exportAsImage}>
-        <FiDownload />
-      </StyledToolElement>
+      {!settings.performance && <SearchInput />}
+      {!settings.performance && (
+        <StyledToolElement aria-label="save" onClick={exportAsImage}>
+          <FiDownload />
+        </StyledToolElement>
+      )}
       <StyledToolElement aria-label="center canvas" onClick={centerView}>
         <MdCenterFocusWeak />
       </StyledToolElement>

src/hocs/config.tsx

@@ -66,6 +66,7 @@ const WithConfig: ReactComponent = ({ children }) => {
         JSON.stringify({
           ...states.settings,
           zoomPanPinch: undefined,
+          performance: undefined,
         })
       );
   }, [states.settings, render]);

src/reducer/reducer.ts

@@ -6,6 +6,7 @@ export enum ConfigActionType {
   SET_CONFIG,
   TOGGLE_LAYOUT,
   TOGGLE_EXPAND,
+  TOGGLE_PERFORMANCE,
   TOGGLE_DOCK,
   TOGGLE_THEME,
   ZOOM_IN,
@@ -87,6 +88,15 @@ export const useConfigReducer: React.Reducer<AppConfig, ReducerAction> = (
         },
       };
 
+    case ConfigActionType.TOGGLE_PERFORMANCE:
+      return {
+        ...state,
+        settings: {
+          ...state.settings,
+          performance: !state.settings.performance,
+        },
+      };
+
     case ConfigActionType.TOGGLE_LAYOUT:
       return {
         ...state,

src/typings/global.ts

@@ -8,6 +8,7 @@ export interface StorageConfig {
   hideEditor: boolean;
   zoomPanPinch: ReactZoomPanPinchRef | null;
   lightmode: boolean;
+  performance: boolean;
 }
 
 export type ReactComponent = React.FC<PropsWithChildren<{}>>;