RaidBuilder/RaidBuilderWeb
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix raid groups list search flickering

Browse Source
This commit is contained in:
Mattrixwv
2025-03-16 23:34:28 -04:00
parent d07bd8a97d
commit 031184b666
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/ui/raidGroup/RaidGroupsByAccountDisplay.tsx
View File

@@ -25,20 +25,20 @@ export default function RaidGroupsByAccountDisplay({
const updateSearchTerm = useDebouncedCallback((newSearchTerm: string) => { const updateSearchTerm = useDebouncedCallback((newSearchTerm: string) => {
setSentSearchTerm(newSearchTerm.length ? newSearchTerm : undefined); setSentSearchTerm(newSearchTerm.length > 0 ? newSearchTerm : undefined);
}, 1000); }, 1000);
useEffect(() => { useEffect(() => {
updateSearchTerm(searchTerm ?? ""); updateSearchTerm(searchTerm);
}, [ searchTerm, updateSearchTerm ]); }, [ searchTerm, updateSearchTerm ]);
useEffect(() => { useEffect(() => {
if(raidGroupsCountQuery.status === "success"){ if(raidGroupsCountQuery.status === "success"){
setTotalPages(Math.ceil(raidGroupsCountQuery.data / pageSize)); setTotalPages(Math.ceil(raidGroupsCountQuery.data / pageSize));
} }
}, [ raidGroupsCountQuery ]); }, [ raidGroupsCountQuery ]);
return ( return (

4
src/ui/raidGroup/RaidGroupsByGameDisplay.tsx
View File

@@ -22,7 +22,7 @@ export default function RaidGroupsByGameDisplay({
const updateSearchTerm = useDebouncedCallback((newSearchTerm: string) => { const updateSearchTerm = useDebouncedCallback((newSearchTerm: string) => {
setSentSearchTerm(newSearchTerm.length ? newSearchTerm : undefined); setSentSearchTerm(newSearchTerm.length > 0 ? newSearchTerm : undefined);
}, 1000); }, 1000);
useEffect(() => { useEffect(() => {
@@ -49,7 +49,7 @@ export default function RaidGroupsByGameDisplay({
gameId={gameId ?? ""} gameId={gameId ?? ""}
page={page} page={page}
pageSize={pageSize} pageSize={pageSize}
searchTerm={searchTerm} searchTerm={sentSearchTerm}
/> />
{/* Pagination */} {/* Pagination */}
<div <div