Add zoom control prop to <PhotoLarge /> for potential future use

This commit is contained in:
Sam Becker 2025-01-26 14:36:16 -06:00
parent 8d972157a3
commit a9e0db8392
2 changed files with 7 additions and 5 deletions

View File

@ -110,7 +110,6 @@ export default function PhotoDetailPage({
shouldShareTag={tag !== undefined}
shouldShareCamera={camera !== undefined}
shouldShareSimulation={simulation !== undefined}
shouldScrollOnShare={false}
includeFavoriteInAdminMenu={includeFavoriteInAdminMenu}
/>,
]}

View File

@ -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} />}