From d8f39047602ce74c24876b7b93bbbb5551e27b1c Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 29 Jan 2025 23:10:32 -0600
Subject: [PATCH] Set image.loading to eager to fix safari/viewerjs bug

---
 src/components/image/useImageZoomControls.ts | 6 ++++--
 src/photo/PhotosLarge.tsx                    | 1 -
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/image/useImageZoomControls.ts b/src/components/image/useImageZoomControls.ts
index 559acd0f..d7b5c584 100644
--- a/src/components/image/useImageZoomControls.ts
+++ b/src/components/image/useImageZoomControls.ts
@@ -20,8 +20,6 @@ export default function useImageZoomControls(
   useEffect(() => {
     if (imageRef.current && isEnabled) {
       viewerRef.current = new Viewer(imageRef.current, {
-        inline: false,
-        button: true,
         navbar: false,
         title: false,
         toolbar: {
@@ -29,6 +27,10 @@ export default function useImageZoomControls(
           reset: 2,
           zoomOut: 3,
         },
+        url: (image: HTMLImageElement) => {
+          image.loading = 'eager';
+          return image.src;
+        },
         show: () => {
           setShouldRespondToKeyboardCommands?.(false);
           setColorLight('#000');
diff --git a/src/photo/PhotosLarge.tsx b/src/photo/PhotosLarge.tsx
index eef2b920..9da562c9 100644
--- a/src/photo/PhotosLarge.tsx
+++ b/src/photo/PhotosLarge.tsx
@@ -35,7 +35,6 @@ export default function PhotosLarge({
           onVisible={index === photos.length - 1
             ? onLastPhotoVisible
             : undefined}
-          showZoomControls={false}
         />)}
       itemKeys={photos.map(photo => photo.id)}
     />