refactor: move debounce to handleSearch initialization

rolling-scopes · Aug 13, 2023 · da7ccda · da7ccda
1 parent c172867
commit da7ccda
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/src/components/UserSearch.tsx b/client/src/components/UserSearch.tsx
@@ -30,15 +30,15 @@ export function UserSearch(props: UserProps) {
     setData(defaultValues ?? []);
   }, [props.defaultValues]);
 
-  const handleSearch = async (value: string) => {
+  const handleSearch = debounce(async (value: string) => {
     value = value.trim();
     if (value) {
       const data = await searchFn(value, onlyStudentsWithoutMentorShown);
       setData(data);
     } else {
       setData(props.defaultValues ?? []);
     }
-  };
+  }, 300);
 
   return (
     <Select
@@ -49,7 +49,7 @@ export function UserSearch(props: UserProps) {
       defaultActiveFirstOption={false}
       showArrow={defaultValues ? Boolean(defaultValues.length) : false}
       filterOption={false}
-      onSearch={debounce(handleSearch, 300)}
+      onSearch={handleSearch}
       placeholder={defaultValues?.length ?? 0 > 0 ? 'Select...' : 'Search...'}
       notFoundContent={null}
     >