From 7affc7e5756e6b2f647e3cbbf3f316f641a29466 Mon Sep 17 00:00:00 2001 From: Aman Harwara Date: Fri, 12 May 2023 14:54:32 +0530 Subject: [PATCH] fix: Fixed issue where editor column would close after deleting a note on bigger screens --- .../javascripts/Components/NotesOptions/NotesOptions.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx b/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx index 607f62aa6..ce7023db8 100644 --- a/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx +++ b/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx @@ -36,6 +36,7 @@ import MenuItem from '../Menu/MenuItem' import ModalOverlay from '../Modal/ModalOverlay' import SuperExportModal from './SuperExportModal' import { useApplication } from '../ApplicationProvider' +import { MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/useMediaQuery' const iconSize = MenuItemIconSize const iconClassDanger = `text-danger mr-2 ${iconSize}` @@ -134,7 +135,10 @@ const NotesOptions = ({ }, [application, notes]) const closeMenuAndToggleNotesList = useCallback(() => { - toggleAppPane(AppPaneId.Items) + const isMobileScreen = matchMedia(MutuallyExclusiveMediaQueryBreakpoints.sm).matches + if (isMobileScreen) { + toggleAppPane(AppPaneId.Items) + } closeMenu() }, [closeMenu, toggleAppPane])