diff --git a/src/components/image/ZoomControls.tsx b/src/components/image/ZoomControls.tsx index a044f5c8..3c13a71e 100644 --- a/src/components/image/ZoomControls.tsx +++ b/src/components/image/ZoomControls.tsx @@ -19,7 +19,6 @@ export default function ZoomControls({ selectImageElement?: (container: HTMLElement | null) => HTMLImageElement | null isEnabled?: boolean - shouldZoomOnFKeydown?: boolean }) { const refImageContainer = useRef(null); diff --git a/src/components/image/useImageZoomControls.ts b/src/components/image/useImageZoomControls.ts index 1224ef6f..17645798 100644 --- a/src/components/image/useImageZoomControls.ts +++ b/src/components/image/useImageZoomControls.ts @@ -1,6 +1,5 @@ import useMetaThemeColor from '@/utility/useMetaThemeColor'; import { useAppState } from '@/state/AppState'; -import useKeydownHandler from '@/utility/useKeydownHandler'; import { ComponentProps, RefObject, @@ -16,7 +15,6 @@ export default function useImageZoomControls({ refImageContainer, selectImageElement, isEnabled, - shouldZoomOnFKeydown, } : { refImageContainer: RefObject } & Omit, 'ref' | 'children'>) { @@ -46,12 +44,6 @@ export default function useImageZoomControls({ viewerRef.current?.reset(); }, []); - // On 'F' keydown, toggle fullscreen - const onKeyDown = useCallback(() => { - if (shouldZoomOnFKeydown) { open(); } - }, [shouldZoomOnFKeydown, open]); - useKeydownHandler({ onKeyDown, keys: ['F'] }); - useEffect(() => { if (isEnabled) { const imageRef = (