diff options
| author | Haishan <[email protected]> | 2020-10-31 18:18:04 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-11-01 17:42:52 +0800 |
| commit | ff1a39d04e53b428e34d46c55ecd6689189b5443 (patch) | |
| tree | 94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/components/Search.js | |
| parent | e62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff) | |
chore: run ts-migrate
Diffstat (limited to 'src/components/Search.js')
| -rw-r--r-- | src/components/Search.js | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/src/components/Search.js b/src/components/Search.js deleted file mode 100644 index 2d8c754..0000000 --- a/src/components/Search.js +++ /dev/null @@ -1,43 +0,0 @@ -import debounce from 'lodash-es/debounce'; -import React, { useCallback, useMemo, useState } from 'react'; -import { Search as SearchIcon } from 'react-feather'; - -import s0 from './Search.module.css'; - -function RuleSearch({ dispatch, searchText, updateSearchText }) { - const [text, setText] = useState(searchText); - const updateSearchTextInternal = useCallback( - (v) => { - dispatch(updateSearchText(v)); - }, - [dispatch, updateSearchText] - ); - const updateSearchTextDebounced = useMemo( - () => debounce(updateSearchTextInternal, 300), - [updateSearchTextInternal] - ); - const onChange = (e) => { - setText(e.target.value); - updateSearchTextDebounced(e.target.value); - }; - - return ( - <div className={s0.RuleSearch}> - <div className={s0.RuleSearchContainer}> - <div className={s0.inputWrapper}> - <input - type="text" - value={text} - onChange={onChange} - className={s0.input} - /> - </div> - <div className={s0.iconWrapper}> - <SearchIcon size={20} /> - </div> - </div> - </div> - ); -} - -export default RuleSearch; |
