Rename ImageActions
This commit is contained in:
parent
d8f6fbaafb
commit
5139abcdba
@ -4,7 +4,7 @@ import 'viewerjs/dist/viewer.css';
|
|||||||
import { clsx } from 'clsx/lite';
|
import { clsx } from 'clsx/lite';
|
||||||
import FullscreenButton from '../FullscreenButton';
|
import FullscreenButton from '../FullscreenButton';
|
||||||
|
|
||||||
export default function ImageActions({
|
export default function ImageZoomControls({
|
||||||
children,
|
children,
|
||||||
enableImageActions = false,
|
enableImageActions = false,
|
||||||
className,
|
className,
|
||||||
@ -36,7 +36,7 @@ import { useRef } from 'react';
|
|||||||
import useOnVisible from '@/utility/useOnVisible';
|
import useOnVisible from '@/utility/useOnVisible';
|
||||||
import PhotoDate from './PhotoDate';
|
import PhotoDate from './PhotoDate';
|
||||||
import { useAppState } from '@/state/AppState';
|
import { useAppState } from '@/state/AppState';
|
||||||
import ImageActions from '@/components/image/ImageActions';
|
import ImageZoomControls from '@/components/image/ImageZoomControls';
|
||||||
|
|
||||||
export default function PhotoLarge({
|
export default function PhotoLarge({
|
||||||
photo,
|
photo,
|
||||||
@ -146,7 +146,7 @@ export default function PhotoLarge({
|
|||||||
arePhotosMatted && 'h-[90%]',
|
arePhotosMatted && 'h-[90%]',
|
||||||
arePhotosMatted && matteContentWidthForAspectRatio(),
|
arePhotosMatted && matteContentWidthForAspectRatio(),
|
||||||
)}>
|
)}>
|
||||||
<ImageActions
|
<ImageZoomControls
|
||||||
enableImageActions={enableImageActions}
|
enableImageActions={enableImageActions}
|
||||||
className="flex relative items-center justify-center h-full"
|
className="flex relative items-center justify-center h-full"
|
||||||
>
|
>
|
||||||
@ -161,7 +161,7 @@ export default function PhotoLarge({
|
|||||||
blurCompatibilityMode={doesPhotoNeedBlurCompatibility(photo)}
|
blurCompatibilityMode={doesPhotoNeedBlurCompatibility(photo)}
|
||||||
priority={priority}
|
priority={priority}
|
||||||
/>
|
/>
|
||||||
</ImageActions>
|
</ImageZoomControls>
|
||||||
</div>
|
</div>
|
||||||
</Link>}
|
</Link>}
|
||||||
contentSide={
|
contentSide={
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user