| Línea 10... |
Línea 10... |
| 10 |
import AccordionSummary from '@mui/material/AccordionSummary'
|
10 |
import AccordionSummary from '@mui/material/AccordionSummary'
|
| 11 |
import AccordionDetails from '@mui/material/AccordionDetails'
|
11 |
import AccordionDetails from '@mui/material/AccordionDetails'
|
| 12 |
import Link from '@mui/material/Link'
|
12 |
import Link from '@mui/material/Link'
|
| 13 |
import Typography from '@mui/material/Typography'
|
13 |
import Typography from '@mui/material/Typography'
|
| 14 |
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
|
14 |
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
|
| 15 |
import ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt'
|
15 |
import AccountTreeRoundedIcon from '@mui/icons-material/AccountTreeRounded';
|
| Línea 16... |
Línea 16... |
| 16 |
|
16 |
|
| Línea 17... |
Línea 17... |
| 17 |
function MenuDrawer({ isOpen = false, items = [], icons = [], closeDrawer = () => { } }) {
|
17 |
function MenuDrawer({ isOpen = false, items = [], icons = [], closeDrawer = () => { } }) {
|
| 18 |
|
18 |
|
| Línea 51... |
Línea 51... |
| 51 |
</Link>
|
51 |
</Link>
|
| 52 |
:
|
52 |
:
|
| 53 |
<Accordion sx={{ border: 'none', width: '100%', boxShadow: 'none' }}>
|
53 |
<Accordion sx={{ border: 'none', width: '100%', boxShadow: 'none' }}>
|
| 54 |
<AccordionSummary
|
54 |
<AccordionSummary
|
| 55 |
expandIcon={<ExpandMoreIcon />}
|
55 |
expandIcon={<ExpandMoreIcon />}
|
| 56 |
sx={{ minHeight: 'auto !important', margin: '0', padding: 0, paddingLeft: '1rem', background: 'lightgray' }}
|
56 |
sx={{ minHeight: 'auto !important', margin: '0', padding: 0, paddingLeft: '1rem' }}
|
| 57 |
>
|
57 |
>
|
| 58 |
{Icon && <Icon />}
|
58 |
{Icon && <Icon />}
|
| 59 |
<Typography margin='0'>{title}</Typography>
|
59 |
<Typography margin='0'>{title}</Typography>
|
| 60 |
</AccordionSummary>
|
60 |
</AccordionSummary>
|
| 61 |
<AccordionDetails sx={{ padding: 0 }}>
|
61 |
<AccordionDetails sx={{ padding: 0 }}>
|
| Línea 63... |
Línea 63... |
| 63 |
if (child.childs?.length) {
|
63 |
if (child.childs?.length) {
|
| 64 |
return (
|
64 |
return (
|
| 65 |
<Accordion key={index} sx={{ border: 'none', width: '100%', boxShadow: 'none' }}>
|
65 |
<Accordion key={index} sx={{ border: 'none', width: '100%', boxShadow: 'none' }}>
|
| 66 |
<AccordionSummary
|
66 |
<AccordionSummary
|
| 67 |
expandIcon={<ExpandMoreIcon />}
|
67 |
expandIcon={<ExpandMoreIcon />}
|
| 68 |
sx={{ minHeight: 'auto !important', margin: '0' }}
|
68 |
sx={{ minHeight: 'auto !important', margin: '0', background: 'lightgray' }}
|
| 69 |
>
|
69 |
>
|
| - |
|
70 |
<AccountTreeRoundedIcon />
|
| 70 |
<Typography margin='0'>{child.label}</Typography>
|
71 |
<Typography margin='0'>{child.label}</Typography>
|
| 71 |
</AccordionSummary>
|
72 |
</AccordionSummary>
|
| 72 |
<AccordionDetails sx={{ padding: '0 16px', background: 'lightgray' }}>
|
73 |
<AccordionDetails sx={{ padding: '0 16px', background: 'lightgray' }}>
|
| 73 |
{child.childs.map((levelThree, index) => {
|
74 |
{child.childs.map((levelThree, index) => {
|
| 74 |
return (
|
75 |
return (
|