Proyectos de Subversion LeadersLinked - SPA

import React, { useContext } from 'react';
import { IconButton, MenuItem as MuiMenuItem, Menu as MuiMenu } from '@mui/material';
import MoreVert from '@mui/icons-material/MoreVert';

import { MenuContext } from './MenuContext';

export function MenuContent({ icon, children, style, ...props }) {
  const { anchorEl, open, openMenu, closeMenu } = useContext(MenuContext);

  return (
    <>
      <IconButton
        onClick={(event) => {
          event.stopPropagation();
          openMenu(event.currentTarget);
        }}
        style={style}
        {...props}
      >
        {icon ? icon : <MoreVert />}
      </IconButton>
      <MuiMenu
        anchorEl={anchorEl}
        open={open}
        onClose={(event) => {
          event.stopPropagation();
          closeMenu();
        }}
        anchorOrigin={{
          vertical: 'center',
          horizontal: 'center'
        }}
        transformOrigin={{
          vertical: 'top',
          horizontal: 'right'
        }}
      >
        {children}
      </MuiMenu>
    </>
  );
}

export function MenuItem({ onClick, children }) {
  const { handleClick } = useContext(MenuContext);

  return (
    <MuiMenuItem
      onClick={(event) => {
        event.stopPropagation();
        handleClick(onClick);
      }}
    >
      {children}
    </MuiMenuItem>
  );
}