GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-02-04 01:32:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

toggle search input

Browse Source
This commit is contained in:
AykutSarac 2022-04-09 23:20:07 +03:00
parent 75850a7709
commit 7282bfd2af
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/constants/data.ts
View File

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

11
src/reducer/reducer.ts
View File

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

1
src/typings/global.ts
View File

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