import { Dashboard, ExpandLess, ExpandMore, LibraryAdd, People, PlayCircle, Settings } from '@mui/icons-material'; import Collapse from '@mui/material/Collapse'; import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; import ListItemIcon from '@mui/material/ListItemIcon'; import ListItemText from '@mui/material/ListItemText'; import ListSubheader from '@mui/material/ListSubheader'; import React from 'react'; import { useLocation } from 'react-router-dom'; import ListItemLink from 'components/ListItemLink'; import globalize from 'scripts/globalize'; const LIBRARY_PATHS = [ '/library.html', '/librarydisplay.html', '/metadataimages.html', '/metadatanfo.html' ]; const PLAYBACK_PATHS = [ '/encodingsettings.html', '/playbackconfiguration.html', '/streamingsettings.html' ]; const ServerDrawerSection = () => { const location = useLocation(); const isLibrarySectionOpen = LIBRARY_PATHS.includes(location.pathname); const isPlaybackSectionOpen = PLAYBACK_PATHS.includes(location.pathname); return ( {globalize.translate('TabServer')} } > {isLibrarySectionOpen ? : } {isPlaybackSectionOpen ? : } ); }; export default ServerDrawerSection;