| import React from 'react' |
| import Button from '@material-ui/core/Button'; |
| import Menu from '@material-ui/core/Menu'; |
| import MenuItem from '@material-ui/core/MenuItem'; |
| import { useHistory } from "react-router-dom"; |
| |
| export default function Header() { |
| const history = useHistory(); |
| |
| const [anchorEl, setAnchorEl] = React.useState(null); |
| |
| const handleClick = (event) => { |
| setAnchorEl(event.currentTarget); |
| }; |
| |
| const handleClose = () => { |
| setAnchorEl(null); |
| }; |
| |
| const disconnect = () => { |
| let path = `/`; |
| history.push(path); |
| } |
| |
| return ( |
| <div> |
| <Button aria-controls="simple-menu" aria-haspopup="true" onClick={handleClick}> |
| Menu |
| </Button> |
| <Menu |
| id="simple-menu" |
| anchorEl={anchorEl} |
| keepMounted |
| open={Boolean(anchorEl)} |
| onClose={handleClose} |
| > |
| <MenuItem onClick={handleClose}>Profile</MenuItem> |
| <MenuItem onClick={handleClose}>Mon compte</MenuItem> |
| <MenuItem onClick={disconnect}>Déconnexion</MenuItem> |
| </Menu> |
| </div> |
| ); |
| } |