From 9f48894225826c3486ebe2b1c4af65f968b7fa7d Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 24 Jun 2025 20:14:16 -0500
Subject: [PATCH] Only debug one fallback per page

---
 src/photo/PhotosLarge.tsx         | 4 +++-
 src/photo/PhotosLargeInfinite.tsx | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/photo/PhotosLarge.tsx b/src/photo/PhotosLarge.tsx
index 02ea3b6f..adf9c948 100644
--- a/src/photo/PhotosLarge.tsx
+++ b/src/photo/PhotosLarge.tsx
@@ -9,12 +9,14 @@ export default function PhotosLarge({
   prefetchFirstPhotoLinks,
   onLastPhotoVisible,
   revalidatePhoto,
+  debugImageFallback = true,
 }: {
   photos: Photo[]
   animate?: boolean
   prefetchFirstPhotoLinks?: boolean
   onLastPhotoVisible?: () => void
   revalidatePhoto?: RevalidatePhoto
+  debugImageFallback?: boolean
 }) {
   return (
     <AnimateItems
@@ -35,7 +37,7 @@ export default function PhotosLarge({
           onVisible={index === photos.length - 1
             ? onLastPhotoVisible
             : undefined}
-          debugImageFallback={index === 0}
+          debugImageFallback={debugImageFallback && index === 0}
         />)}
       itemKeys={photos.map(photo => photo.id)}
     />
diff --git a/src/photo/PhotosLargeInfinite.tsx b/src/photo/PhotosLargeInfinite.tsx
index 40631291..22757bc0 100644
--- a/src/photo/PhotosLargeInfinite.tsx
+++ b/src/photo/PhotosLargeInfinite.tsx
@@ -23,6 +23,7 @@ export default function PhotosLargeInfinite({
           photos={photos}
           onLastPhotoVisible={onLastPhotoVisible}
           revalidatePhoto={revalidatePhoto}
+          debugImageFallback={false}
         />}
     </InfinitePhotoScroll>
   );