/
dessanhemrayev
/
synapse-admin
Обзор
Документация
Войти
/
dessanhemrayev
/
synapse-admin
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Menu.js
39 строк
1 KB
Dirk Klimpel
Add dependencies `@mui/icons-material` to package (#242)
24 янв 2023, 23:27
Не верифицирован
24 янв 2023, 23:27
4165674
Код
Авторство
О чём код?
// in src/Menu.js import * as React from "react"; import { useSelector } from "react-redux"; import { useMediaQuery } from "@mui/material"; import { MenuItemLink, getResources } from "react-admin"; import DefaultIcon from "@mui/icons-material/ViewList"; import LabelIcon from "@mui/icons-material/Label"; const Menu = ({ onMenuClick, logout }) => { const isXSmall = useMediaQuery(theme => theme.breakpoints.down("xs")); const open = useSelector(state => state.admin.ui.sidebarOpen); const resources = useSelector(getResources); return ( <div> {resources.map(resource => ( <MenuItemLink key={resource.name} to={`/${resource.name}`} primaryText={ (resource.options && resource.options.label) || resource.name } leftIcon={resource.icon ? <resource.icon /> : <DefaultIcon />} onClick={onMenuClick} sidebarIsOpen={open} /> ))} <MenuItemLink to="/custom-route" primaryText="Miscellaneous" leftIcon={<LabelIcon />} onClick={onMenuClick} sidebarIsOpen={open} /> {isXSmall && logout} </div> ); }; export default Menu;