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)}