import Menu from '@material-ui/core/Menu'; import Divider from '@material-ui/core/Divider'; import MenuItem from '@material-ui/core/MenuItem'; import {makeStyles} from '@material-ui/core/styles'; import {useTranslation} from 'react-i18next'; import {Typography} from '@material-ui/core'; import useAuthStore from '../../stores/useAuthStore'; import useProfile from '../../hooks/useProfile'; import useSettings from '../../hooks/useSettings'; const EventMenu = ({anchorEl, setAnchorEl, actions = []}) => { const {t} = useTranslation(); const settings = useSettings(); const logout = useAuthStore(s => s.logout); const {user} = useProfile(); const classes = useStyles(); const logoutMenuItem = user && { label: t('menu.logout'), onClick: () => { logout(); window.location.href = settings['about_link']; }, id: 'LogoutTabs', }; const aboutMenuItem = { label: t('menu.about'), onClick: () => (window.location.href = settings['about_link']), id: 'AboutTabs', }; return (
); }; const useStyles = makeStyles(theme => ({ divider: { margin: theme.spacing(1, 0), }, textItem: { margin: theme.spacing(1, 2), '&:focus': {outline: 0}, }, })); export default EventMenu;