diff --git a/src/app/(static)/grid/page.tsx b/src/app/(static)/grid/page.tsx index dc634824..d34d6a95 100644 --- a/src/app/(static)/grid/page.tsx +++ b/src/app/(static)/grid/page.tsx @@ -1,9 +1,11 @@ +import AnimateItems from '@/components/AnimateItems'; import MorePhotos from '@/components/MorePhotos'; import SiteGrid from '@/components/SiteGrid'; import { generateOgImageMetaForPhotos, getPhotosLimitForQuery } from '@/photo'; import PhotoGrid from '@/photo/PhotoGrid'; import PhotosEmptyState from '@/photo/PhotosEmptyState'; -import { getPhotos, getPhotosCount } from '@/services/postgres'; +import { getPhotos, getPhotosCount, getUniqueTags } from '@/services/postgres'; +import PhotoTag from '@/tag/PhotoTag'; import { Metadata } from 'next'; export const runtime = 'edge'; @@ -24,6 +26,8 @@ export default async function GridPage({ const count = await getPhotosCount(); + const tags = await getUniqueTags(); + const showMorePhotos = count > photos.length; return ( @@ -34,6 +38,11 @@ export default async function GridPage({ {showMorePhotos && } } + contentSide={tags && + )} + />} + sideHiddenOnMobile /> : ); diff --git a/src/components/SiteGrid.tsx b/src/components/SiteGrid.tsx index 9bc2c2ad..bcb28781 100644 --- a/src/components/SiteGrid.tsx +++ b/src/components/SiteGrid.tsx @@ -5,11 +5,13 @@ export default function SiteGrid({ contentMain, contentSide, sideFirstOnMobile, + sideHiddenOnMobile, }: { className?: string contentMain: JSX.Element contentSide?: JSX.Element sideFirstOnMobile?: boolean + sideHiddenOnMobile?: boolean }) { return (
{contentSide}
} diff --git a/src/tag/TagHeader.tsx b/src/tag/TagHeader.tsx index af34b14f..4790a1b1 100644 --- a/src/tag/TagHeader.tsx +++ b/src/tag/TagHeader.tsx @@ -29,7 +29,7 @@ export default function TagHeader({ 'sm:col-span-2 md:col-span-1 lg:col-span-2', )}> {selectedPhotoIndex !== undefined - ? `Tagged photo ${selectedPhotoIndex + 1} of ${photos.length}` + ? `Tagged ${selectedPhotoIndex + 1} of ${photos.length}` : descriptionForTaggedPhotos(photos)}