Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3618 | Rev 3634 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3618 Rev 3621
Línea 1... Línea 1...
1 
import React, { useContext } from 'react';
 1 
import React, { useContext } from 'react';
2 
import { IconButton, MenuItem as MuiMenuItem, Menu as MuiMenu, styled } from '@mui/material';
 2 
import { IconButton, MenuItem as MuiMenuItem, Menu as MuiMenu } from '@mui/material';
3 
import { MoreVert } from '@mui/icons-material';
 3 
import { MoreVert } from '@mui/icons-material';
Línea 4... Línea 4...
4 
 
 4 
 
Línea 5... Línea -...
5 
import { MenuContext } from './MenuContext';
 - 
 
6 
 
 - 
 
7 
const OptionsButton = styled(IconButton)(({ theme }) => ({
 - 
 
8 
  position: 'absolute',
 - 
 
9 
  top: theme.spacing(1),
 - 
 
10 
  right: theme.spacing(1),
 - 
 
11 
  zIndex: 1
 - 
 
12 
}));
 5 
import { MenuContext } from './MenuContext';
13 
 
 6 
 
Línea 14... Línea 7...
14 
export function MenuContent({ icon, children }) {
 7 
export function MenuContent({ icon, children }) {
15 
  const { anchorEl, open, openMenu, closeMenu } = useContext(MenuContext);
 8 
  const { anchorEl, open, openMenu, closeMenu } = useContext(MenuContext);
16 
 
 9 
 
17 
  return (
 10 
  return (
18 
    <>
 11 
    <>
19 
      <OptionsButton
 12 
      <IconButton
20 
        onClick={(event) => {
 13 
        onClick={(event) => {
21 
          event.stopPropagation();
 14 
          event.stopPropagation();
22 
          openMenu(event.currentTarget);
 15 
          openMenu(event.currentTarget);
23 
        }}
 16 
        }}
24 
      >
 17 
      >
25 
        {icon ? icon : <MoreVert />}
 18 
        {icon ? icon : <MoreVert />}
26 
      </OptionsButton>
 19 
      </IconButton>
27 
      <MuiMenu
 20 
      <MuiMenu
28 
        anchorEl={anchorEl}
 21 
        anchorEl={anchorEl}