Add zoom control prop to <PhotoLarge /> for potential future use
This commit is contained in:
parent
8d972157a3
commit
a9e0db8392
@ -110,7 +110,6 @@ export default function PhotoDetailPage({
|
||||
shouldShareTag={tag !== undefined}
|
||||
shouldShareCamera={camera !== undefined}
|
||||
shouldShareSimulation={simulation !== undefined}
|
||||
shouldScrollOnShare={false}
|
||||
includeFavoriteInAdminMenu={includeFavoriteInAdminMenu}
|
||||
/>,
|
||||
]}
|
||||
|
||||
@ -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} />}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user