diff --git a/attached_assets/image_1772391359513.png b/attached_assets/image_1772391359513.png
new file mode 100644
index 0000000..8bfc86c
Binary files /dev/null and b/attached_assets/image_1772391359513.png differ
diff --git a/attached_assets/image_1772469008476.png b/attached_assets/image_1772469008476.png
new file mode 100644
index 0000000..7bf57a9
Binary files /dev/null and b/attached_assets/image_1772469008476.png differ
diff --git a/client/src/components/photo-gallery.tsx b/client/src/components/photo-gallery.tsx
index 05a1e11..35a2fc0 100644
--- a/client/src/components/photo-gallery.tsx
+++ b/client/src/components/photo-gallery.tsx
@@ -7,8 +7,11 @@ interface GalleryImage {
fileName: string;
thumb: string;
large: string;
+ artist?: string;
}
+const PAGE_SIZE = 24;
+
function thumbUrl(src: string) {
return `/api/gallery/thumb?src=${encodeURIComponent(src)}`;
}
@@ -72,6 +75,8 @@ function Lightbox({
return () => window.removeEventListener("keydown", handler);
}, [onClose, prev, next]);
+ const current = images[index];
+
return (
e.stopPropagation()}>
-
- {index + 1} / {images.length}
+
+ {current.artist && (
+ {current.artist}
+ )}
+ {index + 1} / {images.length}
);
@@ -143,6 +151,8 @@ function SingleImageCarousel({
if (images.length === 0) return null;
+ const current = images[index];
+
return (
![{images[index].fileName}]({images[index].large)
-
+
+
+ {current.artist && (
+
+
+ {current.artist}
+
+
+ )}