005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import List from '@mui/material/List';
|
|
import ListItem from '@mui/material/ListItem';
|
|
import ListItemButton from '@mui/material/ListItemButton';
|
|
import ListItemIcon from '@mui/material/ListItemIcon';
|
|
import ListItemText from '@mui/material/ListItemText';
|
|
import Stack from '@mui/material/Stack';
|
|
import HomeRoundedIcon from '@mui/icons-material/HomeRounded';
|
|
import AnalyticsRoundedIcon from '@mui/icons-material/AnalyticsRounded';
|
|
import PeopleRoundedIcon from '@mui/icons-material/PeopleRounded';
|
|
import AssignmentRoundedIcon from '@mui/icons-material/AssignmentRounded';
|
|
import SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';
|
|
import InfoRoundedIcon from '@mui/icons-material/InfoRounded';
|
|
import HelpRoundedIcon from '@mui/icons-material/HelpRounded';
|
|
|
|
const mainListItems = [
|
|
{ text: 'Home', icon: <HomeRoundedIcon /> },
|
|
{ text: 'Analytics', icon: <AnalyticsRoundedIcon /> },
|
|
{ text: 'Clients', icon: <PeopleRoundedIcon /> },
|
|
{ text: 'Tasks', icon: <AssignmentRoundedIcon /> },
|
|
];
|
|
|
|
const secondaryListItems = [
|
|
{ text: 'Settings', icon: <SettingsRoundedIcon /> },
|
|
{ text: 'About', icon: <InfoRoundedIcon /> },
|
|
{ text: 'Feedback', icon: <HelpRoundedIcon /> },
|
|
];
|
|
|
|
export default function MenuContent() {
|
|
return (
|
|
<Stack sx={{ flexGrow: 1, p: 1, justifyContent: 'space-between' }}>
|
|
<List dense>
|
|
{mainListItems.map((item, index) => (
|
|
<ListItem key={index} disablePadding sx={{ display: 'block' }}>
|
|
<ListItemButton selected={index === 0}>
|
|
<ListItemIcon>{item.icon}</ListItemIcon>
|
|
<ListItemText primary={item.text} />
|
|
</ListItemButton>
|
|
</ListItem>
|
|
))}
|
|
</List>
|
|
<List dense>
|
|
{secondaryListItems.map((item, index) => (
|
|
<ListItem key={index} disablePadding sx={{ display: 'block' }}>
|
|
<ListItemButton>
|
|
<ListItemIcon>{item.icon}</ListItemIcon>
|
|
<ListItemText primary={item.text} />
|
|
</ListItemButton>
|
|
</ListItem>
|
|
))}
|
|
</List>
|
|
</Stack>
|
|
);
|
|
}
|