From 031184b666f2360062f27ce7c925b32db40d0bdf Mon Sep 17 00:00:00 2001 From: Mattrixwv Date: Sun, 16 Mar 2025 23:34:28 -0400 Subject: [PATCH] Fix raid groups list search flickering --- .../raidGroup/RaidGroupsByAccountDisplay.tsx | 28 +++++++++---------- src/ui/raidGroup/RaidGroupsByGameDisplay.tsx | 4 +-- 2 files changed, 16 insertions(+), 16 deletions(-) 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 */}