From 3361e96e8597bd09e713aa719decd17f876e6930 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Fri, 13 Sep 2024 17:46:00 -0500 Subject: [PATCH] Check for lightbox also --- src/state/shell/composer/useComposerKeyboardShortcut.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/state/shell/composer/useComposerKeyboardShortcut.tsx b/src/state/shell/composer/useComposerKeyboardShortcut.tsx index dc371e083a..07e9e568d8 100644 --- a/src/state/shell/composer/useComposerKeyboardShortcut.tsx +++ b/src/state/shell/composer/useComposerKeyboardShortcut.tsx @@ -1,6 +1,7 @@ import React from 'react' import {useDialogStateContext} from '#/state/dialogs' +import {useLightbox} from '#/state/lightbox' import {useModals} from '#/state/modals' import {useComposerControls} from './' @@ -39,16 +40,18 @@ export function useComposerKeyboardShortcut() { const {openComposer} = useComposerControls() const {openDialogs} = useDialogStateContext() const {isModalActive} = useModals() + const {activeLightbox} = useLightbox() React.useEffect(() => { function handler(event: KeyboardEvent) { if (shouldIgnore(event)) return - if (openDialogs.current.size > 0 || isModalActive) return + if (openDialogs.current.size > 0 || isModalActive || activeLightbox) + return if (event.key === 'n' || event.key === 'N') { openComposer({}) } } document.addEventListener('keydown', handler) return () => document.removeEventListener('keydown', handler) - }, [openComposer, isModalActive, openDialogs]) + }, [openComposer, isModalActive, openDialogs, activeLightbox]) }