From bfa53b57f4fef7f1817ad496796294c29cb4341b Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Thu, 16 Jan 2025 11:50:02 -0500 Subject: [PATCH] Fix menu closing when expanding section --- .../components/drawer/sections/ServerDrawerSection.tsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/apps/dashboard/components/drawer/sections/ServerDrawerSection.tsx b/src/apps/dashboard/components/drawer/sections/ServerDrawerSection.tsx index 2c4ce010c4..d31a1eee6b 100644 --- a/src/apps/dashboard/components/drawer/sections/ServerDrawerSection.tsx +++ b/src/apps/dashboard/components/drawer/sections/ServerDrawerSection.tsx @@ -6,7 +6,7 @@ import ListItemButton from '@mui/material/ListItemButton/ListItemButton'; import ListItemIcon from '@mui/material/ListItemIcon'; import ListItemText from '@mui/material/ListItemText'; import ListSubheader from '@mui/material/ListSubheader'; -import React, { useCallback, useState } from 'react'; +import React, { type MouseEvent, useCallback, useState } from 'react'; import { useLocation } from 'react-router-dom'; import ListItemLink from 'components/ListItemLink'; @@ -32,11 +32,15 @@ const ServerDrawerSection = () => { const [ isLibrarySectionOpen, setIsLibrarySectionOpen ] = useState(LIBRARY_PATHS.includes(location.pathname)); const [ isPlaybackSectionOpen, setIsPlaybackSectionOpen ] = useState(PLAYBACK_PATHS.includes(location.pathname)); - const onLibrarySectionClick = useCallback(() => { + const onLibrarySectionClick = useCallback((e: MouseEvent) => { + e.preventDefault(); + e.stopPropagation(); setIsLibrarySectionOpen(isOpen => !isOpen); }, []); - const onPlaybackSectionClick = useCallback(() => { + const onPlaybackSectionClick = useCallback((e: MouseEvent) => { + e.preventDefault(); + e.stopPropagation(); setIsPlaybackSectionOpen(isOpen => !isOpen); }, []);