import * as React from 'react'; import {Link} from 'react-router-dom'; import { styled } from '@mui/material/styles'; import Button from '@mui/material/Button'; import Menu from '@mui/material/Menu'; import MenuItem from '@mui/material/MenuItem'; import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; import {connect} from 'react-redux'; import { publicApi } from '../../redux/actions'; const StyledMenu = styled((props) => ( ))(({ theme }) => ({ })); function CustomizedMenus({items, selectMenu}) { const [anchorEl, setAnchorEl] = React.useState(null); const open = Boolean(anchorEl); const handleClick = (event) => { setAnchorEl(event.currentTarget); }; const handleClose = (value) => { setAnchorEl(null); selectMenu(value); }; return (
{ items.map((item, i) => ( handleClose(item.value)} disableRipple> {item.name} )) }
); } export default connect((state) => ({ }), {selectMenu: publicApi.selectMenu,})(CustomizedMenus)