import React from 'react'; 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 {useStrapi, useAuth} from 'strapi-react-context'; import {Typography} from '@material-ui/core'; const EventMenu = ({anchorEl, setAnchorEl, actions = []}) => { const {t} = useTranslation(); const strapi = useStrapi(); const [settings] = strapi.stores?.settings || [{}]; const {logout, authState} = useAuth(); const classes = useStyles(); const logoutMenuItem = authState?.user && { label: t('menu.logout'), onClick: () => logout(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;