35 lines
841 B
JavaScript
35 lines
841 B
JavaScript
// material-ui
|
|
import { useMediaQuery, useTheme } from '@mui/material';
|
|
|
|
// project import
|
|
import NavCard from './NavCard';
|
|
import Navigation from './Navigation';
|
|
import SimpleBar from 'components/third-party/SimpleBar';
|
|
import { useSelector } from 'store';
|
|
|
|
// ==============================|| DRAWER CONTENT ||============================== //
|
|
|
|
const DrawerContent = () => {
|
|
const theme = useTheme();
|
|
const matchDownMD = useMediaQuery(theme.breakpoints.down('lg'));
|
|
|
|
const menu = useSelector((state) => state.menu);
|
|
const { drawerOpen } = menu;
|
|
|
|
return (
|
|
<SimpleBar
|
|
sx={{
|
|
'& .simplebar-content': {
|
|
display: 'flex',
|
|
flexDirection: 'column'
|
|
}
|
|
}}
|
|
>
|
|
<Navigation />
|
|
{drawerOpen && !matchDownMD && <NavCard />}
|
|
</SimpleBar>
|
|
);
|
|
};
|
|
|
|
export default DrawerContent;
|