Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

only enable query when needed
All checks were successful
Deploy / deploy (push) Successful in 2m43s
Details

Browse Source
This commit is contained in:
Lee 2024-09-28 14:09:22 +01:00
parent fbb725dc93
commit 998484a682
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/player/player-scores.tsx
View File

@ -86,7 +86,6 @@ export default function PlayerScores({
data: scores, data: scores,
isError, isError,
isLoading, isLoading,
refetch,
} = useQuery({ } = useQuery({
queryKey: ["playerScores", player.id, pageState, debouncedSearchTerm], queryKey: ["playerScores", player.id, pageState, debouncedSearchTerm],
queryFn: () => { queryFn: () => {
@ -97,7 +96,9 @@ export default function PlayerScores({
...(isSearchActive && { search: debouncedSearchTerm }), ...(isSearchActive && { search: debouncedSearchTerm }),
}); });
}, },
staleTime: 30 * 1000, staleTime: 30 * 1000, // 30 seconds
enabled:
debouncedSearchTerm.length >= 3 || debouncedSearchTerm.length === 0, // Enable if valid search query or empty
}); });
const handleScoreLoad = useCallback(async () => { const handleScoreLoad = useCallback(async () => {
@ -127,10 +128,6 @@ export default function PlayerScores({
); );
}, [pageState, debouncedSearchTerm, player.id]); }, [pageState, debouncedSearchTerm, player.id]);
useEffect(() => {
refetch();
}, [pageState, debouncedSearchTerm, refetch]);
const handleSearchChange = (query: string) => { const handleSearchChange = (query: string) => {
setSearchState({ query }); setSearchState({ query });
}; };