ershisan99/flashcards-example-project
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-example-project.git synced 2025-12-18 12:33:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add debounce to search

Browse Source
This commit is contained in:
Andres
2024-05-19 02:18:23 +02:00
parent 7af2b43fed
commit 956a8faca1
4 changed files with 2681 additions and 2454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/hooks/use-query-param/use-query-param.ts
View File

@@ -1,3 +1,5 @@
import { useCallback } from 'react'
import { isNil } from 'remeda'
export function useQueryParam<T extends boolean | number | string>(
@@ -9,14 +11,17 @@ export function useQueryParam<T extends boolean | number | string>(
const paramValue = searchParams.get(param)
const convertedValue = getConvertedValue<T>(paramValue, defaultValue)
const setParamValue = (value: T | null): void => {
if (isNil(value) || value === '') {
searchParams.delete(param)
} else {
searchParams.set(param, String(value))
}
setSearchParams(searchParams)
}
const setParamValue = useCallback(
(value: T | null): void => {
if (isNil(value) || value === '') {
searchParams.delete(param)
} else {
searchParams.set(param, String(value))
}
setSearchParams(searchParams)
},
[searchParams, setSearchParams]
)
return [convertedValue, setParamValue]
}