summaryrefslogtreecommitdiff
path: root/src/components/Search.js
diff options
context:
space:
mode:
authorHaishan <[email protected]>2020-10-31 18:18:04 +0800
committerHaishan <[email protected]>2020-11-01 17:42:52 +0800
commitff1a39d04e53b428e34d46c55ecd6689189b5443 (patch)
tree94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/components/Search.js
parente62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff)
chore: run ts-migrate
Diffstat (limited to 'src/components/Search.js')
-rw-r--r--src/components/Search.js43
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;