From 3a87b30140dfe7375ac4f5edfd306de4bcb0cc8d Mon Sep 17 00:00:00 2001 From: Pablo Lara Date: Tue, 10 Sep 2024 08:35:21 +0200 Subject: [PATCH] chore: change delay for debouncedSearchQuery function --- components/filters/CustomSearchInput.tsx | 2 +- hooks/useDebounce.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/filters/CustomSearchInput.tsx b/components/filters/CustomSearchInput.tsx index b3a827abb7..c6ded1a175 100644 --- a/components/filters/CustomSearchInput.tsx +++ b/components/filters/CustomSearchInput.tsx @@ -11,7 +11,7 @@ export const CustomSearchInput: React.FC = () => { const [searchQuery, setSearchQuery] = useState(() => { return searchParams.get("filter[search]") || ""; }); - const debouncedSearchQuery = useDebounce(searchQuery, 300); + const debouncedSearchQuery = useDebounce(searchQuery, 500); const applySearch = useCallback( (query: string) => { diff --git a/hooks/useDebounce.ts b/hooks/useDebounce.ts index f0d8d7c3bf..100322b91c 100644 --- a/hooks/useDebounce.ts +++ b/hooks/useDebounce.ts @@ -4,7 +4,7 @@ export function useDebounce(value: T, delay?: number): T { const [debouncedValue, setDebouncedValue] = useState(value); useEffect(() => { - const timer = setTimeout(() => setDebouncedValue(value), delay ?? 900); + const timer = setTimeout(() => setDebouncedValue(value), delay ?? 500); return () => { clearTimeout(timer);