| | |
|---|
| | | } from '@mui/material'; |
|---|
| | | import ExpandMore from '@mui/icons-material/ExpandMore'; |
|---|
| | | import { useTranslate, useSidebarState } from 'react-admin'; |
|---|
| | | |
|---|
| | | import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; |
|---|
| | | import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight'; |
|---|
| | | const SubMenu = (props) => { |
|---|
| | | const { handleToggle, isOpen, name, icon, children, dense } = props; |
|---|
| | | const translate = useTranslate(); |
|---|
| | | |
|---|
| | | const [sidebarIsOpen] = useSidebarState(); |
|---|
| | | |
|---|
| | | const header = ( |
|---|
| | | <MenuItem dense={dense} onClick={handleToggle} sx={{ display: 'flex', alignItems: 'center' }}> |
|---|
| | | <ListItemIcon sx={{ minWidth: 40, color: 'text.secondary', display: 'flex', alignItems: 'center' }}> |
|---|
| | | {/* {isOpen ? <ExpandMore /> : icon} */} |
|---|
| | | {icon} |
|---|
| | | {icon ? icon : isOpen ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />} |
|---|
| | | </ListItemIcon> |
|---|
| | | <Typography variant="inherit" color="textSecondary" sx={{ ml: 1, display: 'flex', alignItems: 'center' }}> |
|---|
| | | {translate(name)} |
|---|
| | |
|---|
| | | component="div" |
|---|
| | | disablePadding |
|---|
| | | sx={{ |
|---|
| | | '& .MuiTypography-root': { |
|---|
| | | visibility: 'hidden' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | '& .MuiMenuItem-root': { |
|---|
| | | transition: |
|---|
| | | 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms', |
|---|
