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

Speed up grid animations

Browse Source
This commit is contained in:
Sam Becker 2025-07-01 09:36:04 -05:00
parent 429fab8582
commit acb3926381
2 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/photo/PhotoGrid.tsx
View File

@ -15,7 +15,6 @@ export default function PhotoGrid({
photos,
selectedPhoto,
photoPriority,
fast,
animate = true,
canStart,
animateOnFirstLoadOnly,
@ -30,7 +29,6 @@ export default function PhotoGrid({
photos: Photo[]
selectedPhoto?: Photo
photoPriority?: boolean
fast?: boolean
animate?: boolean
canStart?: boolean
animateOnFirstLoadOnly?: boolean
@ -62,8 +60,8 @@ export default function PhotoGrid({
)}
type={animate === false ? 'none' : undefined}
canStart={canStart}
duration={fast ? 0.3 : undefined}
staggerDelay={0.075}
duration={0.8}
staggerDelay={0.04}
distanceOffset={40}
animateOnFirstLoadOnly={animateOnFirstLoadOnly}
staggerOnFirstLoadOnly={staggerOnFirstLoadOnly}

11
src/photo/index.ts
View File

@ -2,7 +2,6 @@ import { formatFocalLength } from '@/focal';
import { getNextImageUrlForRequest } from '@/platforms/next-image';
import { photoHasFilmData } from '@/film';
import {
HIGH_DENSITY_GRID,
IS_PREVIEW,
SHOW_EXIF_DATA,
SHOW_FILMS,
@ -33,12 +32,10 @@ export const INFINITE_SCROLL_FEED_MULTIPLE =
process.env.NODE_ENV === 'development' ? 2 : 24;
// INFINITE SCROLL: GRID
export const INFINITE_SCROLL_GRID_INITIAL = HIGH_DENSITY_GRID
? process.env.NODE_ENV === 'development' ? 12 : 48
: process.env.NODE_ENV === 'development' ? 12 : 48;
export const INFINITE_SCROLL_GRID_MULTIPLE = HIGH_DENSITY_GRID
? process.env.NODE_ENV === 'development' ? 12 : 48
: process.env.NODE_ENV === 'development' ? 12 : 48;
export const INFINITE_SCROLL_GRID_INITIAL =
process.env.NODE_ENV === 'development' ? 12 : 48;
export const INFINITE_SCROLL_GRID_MULTIPLE =
process.env.NODE_ENV === 'development' ? 12 : 48;
// Thumbnails below large photos on pages like /p/[photoId]
export const RELATED_GRID_PHOTOS_TO_SHOW = 12;