diff --git a/src/app/(static)/page.tsx b/src/app/(static)/page.tsx index 129c7799..78fbea0b 100644 --- a/src/app/(static)/page.tsx +++ b/src/app/(static)/page.tsx @@ -11,11 +11,12 @@ import { } from '@/site/pagination'; import { pathForRoot } from '@/site/paths'; import { Metadata } from 'next'; +import { MAX_PHOTOS_TO_SHOW_OG } from '@/photo/image-response'; export const runtime = 'edge'; export async function generateMetadata(): Promise { - const photos = await getPhotosCached(); + const photos = await getPhotosCached({ limit: MAX_PHOTOS_TO_SHOW_OG }); return generateOgImageMetaForPhotos(photos); } diff --git a/src/app/(static)/sets/page.tsx b/src/app/(static)/sets/page.tsx index c7ff0530..7a848ee0 100644 --- a/src/app/(static)/sets/page.tsx +++ b/src/app/(static)/sets/page.tsx @@ -1,4 +1,5 @@ import { + getPhotosCached, getPhotosCountCached, getUniqueCamerasCached, getUniqueFilmSimulationsCached, @@ -7,9 +8,19 @@ import { import InfoBlock from '@/components/InfoBlock'; import RedirectOnDesktop from '@/components/RedirectOnDesktop'; import SiteGrid from '@/components/SiteGrid'; +import { generateOgImageMetaForPhotos } from '@/photo'; import PhotoGridSidebar from '@/photo/PhotoGridSidebar'; +import { MAX_PHOTOS_TO_SHOW_OG } from '@/photo/image-response'; import { SHOW_FILM_SIMULATIONS } from '@/site/config'; import { PATH_GRID } from '@/site/paths'; +import { Metadata } from 'next'; + +export const runtime = 'edge'; + +export async function generateMetadata(): Promise { + const photos = await getPhotosCached({ limit: MAX_PHOTOS_TO_SHOW_OG }); + return generateOgImageMetaForPhotos(photos); +} export default async function SetsPage() { const [ diff --git a/src/components/RedirectOnDesktop.tsx b/src/components/RedirectOnDesktop.tsx index f149c509..42704c7d 100644 --- a/src/components/RedirectOnDesktop.tsx +++ b/src/components/RedirectOnDesktop.tsx @@ -6,10 +6,10 @@ import { useEffect } from 'react'; export default function RedirectOnDesktop({ redirectPath, - shouldPrefetch = true, + shouldPrefetchRedirect = true, }: { redirectPath: string - shouldPrefetch?: boolean + shouldPrefetchRedirect?: boolean }) { const router = useRouter(); @@ -18,10 +18,10 @@ export default function RedirectOnDesktop({ const isDesktop = useIsDesktop(); useEffect(() => { - if (shouldPrefetch) { + if (shouldPrefetchRedirect) { router.prefetch(redirectPath); } - }, [router, shouldPrefetch, redirectPath]); + }, [router, shouldPrefetchRedirect, redirectPath]); useEffect(() => { if (isDesktop && pathname !== redirectPath) {