strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make infinite scroll pagination more precise

Browse Source
This commit is contained in:
Sam Becker 2025-10-26 10:21:12 -05:00
parent 9570a98168
commit 984039edce
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/photo/InfinitePhotoScroll.tsx
View File

@ -109,7 +109,7 @@ export default function InfinitePhotoScroll({
focal,
]);
const { data, isLoading, isValidating, error, mutate, size, setSize } =
const { data, isLoading, isValidating, error, mutate, setSize } =
useSwrInfinite<Photo[]>(
keyGenerator,
fetcher,
@ -137,9 +137,9 @@ export default function InfinitePhotoScroll({
const advance = useCallback(() => {
if (!isFinished && !isLoadingOrValidating) {
setSize(size => size + 1);
setSize((data?.length ?? 0) + 1);
}
}, [isFinished, isLoadingOrValidating, setSize]);
}, [isFinished, isLoadingOrValidating, setSize, data]);
const revalidatePhoto: RevalidatePhoto = useCallback((
photoId: string,
@ -152,11 +152,7 @@ export default function InfinitePhotoScroll({
},
} as any), [data, mutate]);
useVisibility({ ref: buttonContainerRef, onVisible: () => {
if (ADMIN_DB_OPTIMIZE_ENABLED && size === 0) {
advance();
}
}});
useVisibility({ ref: buttonContainerRef, onVisible: advance });
const renderMoreButton =
<div ref={buttonContainerRef}>