1import React from 'react';
 2import Menu from '@material-ui/core/Menu';
 3import MenuItem from '@material-ui/core/MenuItem';
 4import {useTranslation} from 'react-i18next';
 5import {useStrapi} from 'strapi-react-context';
 6
 7const EventMenu = ({anchorEl, setAnchorEl, actions = []}) => {
 8  const {t} = useTranslation();
 9  const strapi = useStrapi();
10  const [settings] = strapi.stores?.settings || [{}];
11
12  const aboutMenuItem = {
13    label: t('menu.about'),
14    onClick: () => (window.location.href = settings['about_link']),
15    id: 'AboutTabs',
16  };
17
18  return (
19    <Menu
20      anchorEl={anchorEl}
21      anchorOrigin={{
22        vertical: 'top',
23        horizontal: 'right',
24      }}
25      keepMounted
26      transformOrigin={{
27        vertical: 'top',
28        horizontal: 'right',
29      }}
30      open={!!anchorEl}
31      onClose={() => setAnchorEl(null)}
32    >
33      {actions &&
34        [...actions, aboutMenuItem].filter(Boolean).map((action, idx) => (
35          <MenuItem
36            onClick={() => {
37              action.onClick();
38              setAnchorEl(null);
39            }}
40            key={idx}
41            id={action.id || `MenuItem${idx}`}
42          >
43            {action.label}
44          </MenuItem>
45        ))}
46    </Menu>
47  );
48};
49export default EventMenu;