Línea 1... |
Línea 1... |
1 |
/* eslint-disable react/prop-types */
|
1 |
/* eslint-disable react/prop-types */
|
2 |
import * as React from 'react';
|
2 |
import * as React from 'react'
|
3 |
import Box from '@mui/material/Box';
|
3 |
import Box from '@mui/material/Box'
|
4 |
import Drawer from '@mui/material/Drawer';
|
4 |
import Drawer from '@mui/material/Drawer'
|
5 |
import List from '@mui/material/List';
|
5 |
import List from '@mui/material/List'
|
6 |
import ListItem from '@mui/material/ListItem';
|
6 |
import ListItem from '@mui/material/ListItem'
|
7 |
import ListItemIcon from '@mui/material/ListItemIcon';
|
7 |
import ListItemIcon from '@mui/material/ListItemIcon'
|
8 |
import ListItemText from '@mui/material/ListItemText';
|
8 |
import ListItemText from '@mui/material/ListItemText'
|
9 |
import Accordion from '@mui/material/Accordion';
|
9 |
import Accordion from '@mui/material/Accordion'
|
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'
|
Línea 15... |
Línea 16... |
15 |
|
16 |
|
Línea 16... |
Línea 17... |
16 |
function MenuDrawer({ isOpen = false, items = [], icons = [], closeDrawer = () => { } }) {
|
17 |
function MenuDrawer({ isOpen = false, items = [], icons = [], closeDrawer = () => { } }) {
|
17 |
|
18 |
|
Línea 64... |
Línea 65... |
64 |
<Accordion key={index} sx={{ border: 'none', width: '100%', boxShadow: 'none' }}>
|
65 |
<Accordion key={index} sx={{ border: 'none', width: '100%', boxShadow: 'none' }}>
|
65 |
<AccordionSummary
|
66 |
<AccordionSummary
|
66 |
expandIcon={<ExpandMoreIcon />}
|
67 |
expandIcon={<ExpandMoreIcon />}
|
67 |
sx={{ minHeight: 'auto !important', margin: '0' }}
|
68 |
sx={{ minHeight: 'auto !important', margin: '0' }}
|
68 |
>
|
69 |
>
|
- |
|
70 |
<ArrowRightAltIcon />
|
69 |
<Typography margin='0'>{child.label}</Typography>
|
71 |
<Typography margin='0'>{child.label}</Typography>
|
70 |
</AccordionSummary>
|
72 |
</AccordionSummary>
|
71 |
<AccordionDetails sx={{ padding: 0 }}>
|
73 |
<AccordionDetails sx={{ padding: '0 16px' }}>
|
72 |
{child.childs.map((levelThree, index) => {
|
74 |
{child.childs.map((levelThree, index) => {
|
73 |
return (
|
75 |
return (
|
74 |
<Link key={index} href={`/${levelThree.href}`}>
|
76 |
<Link key={index} href={`/${levelThree.href}`}>
|
75 |
<ListItemText primary={levelThree.label} />
|
77 |
<ListItemText primary={levelThree.label} />
|
76 |
</Link>
|
78 |
</Link>
|