File size: 2,271 Bytes
95b5a04 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | import { Activity, memo, useState } from 'react';
import Divider from '@mui/material/Divider';
import List from '@mui/material/List';
import Typography from '@mui/material/Typography';
import Box from '@mui/material/Box';
// project imports
import NavItem from './NavItem';
import NavGroup from './NavGroup';
import menuItems from 'menu-items';
import { useGetMenuMaster } from 'api/menu';
// ==============================|| SIDEBAR MENU LIST ||============================== //
function MenuList() {
const { menuMaster } = useGetMenuMaster();
const drawerOpen = menuMaster.isDashboardDrawerOpened;
const [selectedID, setSelectedID] = useState('');
const lastItem = null;
let lastItemIndex = menuItems.items.length - 1;
let remItems = [];
let lastItemId;
if (lastItem && lastItem < menuItems.items.length) {
lastItemId = menuItems.items[lastItem - 1].id;
lastItemIndex = lastItem - 1;
remItems = menuItems.items.slice(lastItem - 1, menuItems.items.length).map((item) => ({
title: item.title,
elements: item.children,
icon: item.icon,
...(item.url && {
url: item.url
})
}));
}
const navItems = menuItems.items.slice(0, lastItemIndex + 1).map((item, index) => {
switch (item.type) {
case 'group':
if (item.url && item.id !== lastItemId) {
return (
<List key={item.id}>
<NavItem item={item} level={1} isParents setSelectedID={() => setSelectedID('')} />
<Activity mode={index !== 0 ? 'visible' : 'hidden'}>
<Divider sx={{ py: 0.5 }} />
</Activity>
</List>
);
}
return (
<NavGroup
key={item.id}
setSelectedID={setSelectedID}
selectedID={selectedID}
item={item}
lastItem={lastItem}
remItems={remItems}
lastItemId={lastItemId}
/>
);
default:
return (
<Typography key={item.id} variant="h6" align="center" sx={{ color: 'error.main' }}>
Menu Items Error
</Typography>
);
}
});
return <Box {...(drawerOpen && { sx: { mt: 1.5 } })}>{navItems}</Box>;
}
export default memo(MenuList);
|