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