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

Split data stores between / and /grid

Browse Source
This commit is contained in:
Sam Becker 2024-04-26 00:30:29 -05:00
parent 57b34c9230
commit a029e19b8a
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/photo/InfinitePhotoScroll.tsx
View File

@ -11,8 +11,6 @@ import { useAppState } from '@/state/AppState';
import { Photo } from '.';
import PhotoGrid from './PhotoGrid';
const KEY = 'PHOTOS';
export type RevalidatePhoto = (
photoId: string,
revalidateRemainingPhotos?: boolean,
@ -32,6 +30,8 @@ export default function InfinitePhotoScroll({
triggerOnView?: boolean
debug?: boolean
}) {
const key = type;
const { isUserSignedIn } = useAppState();
const buttonRef = useRef<HTMLButtonElement>(null);
@ -47,7 +47,7 @@ export default function InfinitePhotoScroll({
useSwrInfinite<Photo[]>(
(size: number, prev: []) => prev && prev.length === 0
? null
: [KEY, size],
: [key, size],
fetcher,
{
revalidateOnFocus: isUserSignedIn,
@ -62,9 +62,9 @@ export default function InfinitePhotoScroll({
useEffect(() => {
if (prefetch) {
preload([KEY, size ?? 0 + 1], fetcher);
preload([key, size ?? 0 + 1], fetcher);
}
}, [prefetch, size, fetcher]);
}, [prefetch, key, size, fetcher]);
const advance = useCallback(() => setSize(size => size + 1), [setSize]);