diff --git a/src/ui/raidGroup/RaidGroupsByAccountDisplay.tsx b/src/ui/raidGroup/RaidGroupsByAccountDisplay.tsx index ace936b..e924062 100644 --- a/src/ui/raidGroup/RaidGroupsByAccountDisplay.tsx +++ b/src/ui/raidGroup/RaidGroupsByAccountDisplay.tsx @@ -25,20 +25,20 @@ export default function RaidGroupsByAccountDisplay({ const updateSearchTerm = useDebouncedCallback((newSearchTerm: string) => { - setSentSearchTerm(newSearchTerm.length ? newSearchTerm : undefined); - }, 1000); - - - useEffect(() => { - updateSearchTerm(searchTerm ?? ""); - }, [ searchTerm, updateSearchTerm ]); - - - useEffect(() => { - if(raidGroupsCountQuery.status === "success"){ - setTotalPages(Math.ceil(raidGroupsCountQuery.data / pageSize)); - } - }, [ raidGroupsCountQuery ]); + setSentSearchTerm(newSearchTerm.length > 0 ? newSearchTerm : undefined); + }, 1000); + + + useEffect(() => { + updateSearchTerm(searchTerm); + }, [ searchTerm, updateSearchTerm ]); + + + useEffect(() => { + if(raidGroupsCountQuery.status === "success"){ + setTotalPages(Math.ceil(raidGroupsCountQuery.data / pageSize)); + } + }, [ raidGroupsCountQuery ]); return ( diff --git a/src/ui/raidGroup/RaidGroupsByGameDisplay.tsx b/src/ui/raidGroup/RaidGroupsByGameDisplay.tsx index c2c7359..5643b0d 100644 --- a/src/ui/raidGroup/RaidGroupsByGameDisplay.tsx +++ b/src/ui/raidGroup/RaidGroupsByGameDisplay.tsx @@ -22,7 +22,7 @@ export default function RaidGroupsByGameDisplay({ const updateSearchTerm = useDebouncedCallback((newSearchTerm: string) => { - setSentSearchTerm(newSearchTerm.length ? newSearchTerm : undefined); + setSentSearchTerm(newSearchTerm.length > 0 ? newSearchTerm : undefined); }, 1000); useEffect(() => { @@ -49,7 +49,7 @@ export default function RaidGroupsByGameDisplay({ gameId={gameId ?? ""} page={page} pageSize={pageSize} - searchTerm={searchTerm} + searchTerm={sentSearchTerm} /> {/* Pagination */}