From a9e0db8392cc8d23bce9184dfe5dfdb23bea11ba Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 26 Jan 2025 14:36:16 -0600
Subject: [PATCH] Add zoom control prop to <PhotoLarge /> for potential future
 use

---
 src/photo/PhotoDetailPage.tsx |  1 -
 src/photo/PhotoLarge.tsx      | 11 +++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/photo/PhotoDetailPage.tsx b/src/photo/PhotoDetailPage.tsx
index beb67cf4..2a0ea013 100644
--- a/src/photo/PhotoDetailPage.tsx
+++ b/src/photo/PhotoDetailPage.tsx
@@ -110,7 +110,6 @@ export default function PhotoDetailPage({
             shouldShareTag={tag !== undefined}
             shouldShareCamera={camera !== undefined}
             shouldShareSimulation={simulation !== undefined}
-            shouldScrollOnShare={false}
             includeFavoriteInAdminMenu={includeFavoriteInAdminMenu}
           />,
         ]}
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index eeec93ef..81203416 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -52,6 +52,7 @@ export default function PhotoLarge({
   showTitleAsH1,
   showCamera = true,
   showSimulation = true,
+  showZoomControls: showZoomControlsProp = true,
   shouldShare = true,
   shouldShareTag,
   shouldShareCamera,
@@ -71,12 +72,12 @@ export default function PhotoLarge({
   showTitleAsH1?: boolean
   showCamera?: boolean
   showSimulation?: boolean
+  showZoomControls?: boolean
   shouldShare?: boolean
   shouldShareTag?: boolean
   shouldShareCamera?: boolean
   shouldShareSimulation?: boolean
   shouldShareFocalLength?: boolean
-  shouldScrollOnShare?: boolean
   includeFavoriteInAdminMenu?: boolean
   onVisible?: () => void
 }) {
@@ -89,6 +90,8 @@ export default function PhotoLarge({
     isUserSignedIn,
   } = useAppState();
 
+  const showZoomControls = showZoomControlsProp && areZoomControlsEnabled;
+
   const tags = sortTags(photo.tags, primaryTag);
 
   const camera = cameraFromPhoto(photo);
@@ -101,7 +104,7 @@ export default function PhotoLarge({
 
   const { open } = useImageZoomControls(
     refZoomControlsContainer,
-    areZoomControlsEnabled,
+    showZoomControls,
   );
 
   const hasTitle =
@@ -158,7 +161,7 @@ export default function PhotoLarge({
           )}>
             <div
               ref={refZoomControlsContainer}
-              className={clsx(areZoomControlsEnabled && 'cursor-zoom-in')}
+              className={clsx(showZoomControls && 'cursor-zoom-in')}
             >
               <ImageLarge
                 className={clsx(arePhotosMatted && 'h-full')}
@@ -299,7 +302,7 @@ export default function PhotoLarge({
                     focal={shouldShareFocalLength ? photo.focalLength : undefined}
                     prefetch={prefetchRelatedLinks}
                   />}
-                {areZoomControlsEnabled &&
+                {showZoomControls &&
                   <LoaderButton
                     title="Open Image Viewer"
                     icon={<LuZoomIn size={17} />}