reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-26 07:59:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor(inspector-monitor): debounce input search updates

Browse Source
This commit is contained in:
FaberVitale 2021-07-24 17:29:51 +02:00
parent 9c63c712fc
commit 229869698b
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx
View File

@ -21,6 +21,7 @@ import ActionList from './ActionList';
import ActionPreview, { Tab } from './ActionPreview'; import ActionPreview, { Tab } from './ActionPreview';
import getInspectedState from './utils/getInspectedState'; import getInspectedState from './utils/getInspectedState';
import createDiffPatcher from './createDiffPatcher'; import createDiffPatcher from './createDiffPatcher';
import debounce from 'lodash.debounce';
import { import {
ActionForm, ActionForm,
changeActionFormValues, changeActionFormValues,
@ -407,9 +408,9 @@ class DevtoolsInspector<S, A extends Action<unknown>> extends PureComponent<
this.props.dispatch(sweep()); this.props.dispatch(sweep());
}; };
handleSearch = (val: string) => { handleSearch = debounce((val: string) => {
this.handleActionFormChange({ searchValue: val }); this.handleActionFormChange({ searchValue: val });
}; }, 200);
handleSelectAction = ( handleSelectAction = (
e: React.MouseEvent<HTMLDivElement>, e: React.MouseEvent<HTMLDivElement>,