Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 678 Rev 1659
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { Menu, MenuItem } from '@mui/material'
 2 
import { Menu, MenuItem, IconButton } from '@mui/material'
3 
import styled, { css } from 'styled-components'
 - 
 
4 
import IconButton from '@mui/material/IconButton'
 - 
 
5 
import MoreVertIcon from '@mui/icons-material/MoreVert'
 3 
import { MoreVert } from '@mui/icons-material'
Línea 6... Línea -...
6 
 
 - 
 
7 
const StyledOptionsButton = styled(IconButton)`
 - 
 
8 
  position: absolute !important;
 - 
 
9 
  right: ${(props) => props.right || '0'};
 - 
 
10 
  top: ${(props) => props.top || '50%'};
 - 
 
11 
  z-index: 100;
 - 
 
12 
  ${(props) =>
 - 
 
13 
    !props.top &&
 - 
 
14 
    css`
 - 
 
15 
      transform: translateY(-50%);
 - 
 
16 
    `}
 - 
 
17 
`
 - 
 
18 
 
 4 
 
19 
const Options = ({ options, right, top }) => {
 5 
const Options = ({ options = [], right = '.5rem', top = '.5rem' }) => {
20 
  const [anchorEl, setAnchorEl] = useState(null)
 6 
  const [anchorEl, setAnchorEl] = useState(null)
Línea 21... Línea 7...
21 
  const open = Boolean(anchorEl)
 7 
  const open = Boolean(anchorEl)
22 
 
 8 
 
Línea 26... Línea 12...
26 
 
 12 
 
27 
  const handleClose = () => {
 13 
  const handleClose = () => {
28 
    setAnchorEl(null)
 14 
    setAnchorEl(null)
Línea -... Línea 15...
- 
 
 15 
  }
- 
 
 16 
 
- 
 
 17 
  if (!options.length) {
- 
 
 18 
    return null
29 
  }
 19 
  }
30 
 
 20 
 
31 
  return (
 21 
  return (
- 
 
 22 
    <>
- 
 
 23 
      <IconButton
- 
 
 24 
        sx={{
- 
 
 25 
          position: 'absolute',
- 
 
 26 
          right,
- 
 
 27 
          top,
- 
 
 28 
          zIndex: 100,
32 
    <>
 29 
          transform: top ? 'none' : 'translateY(-50%)'
33 
      <StyledOptionsButton
 30 
        }}
34 
        right={right}
 31 
        right={right}
35 
        top={top}
 32 
        top={top}
36 
        onClick={handleClick}
 33 
        onClick={handleClick}
37 
        aria-controls={open ? 'account-menu' : undefined}
 34 
        aria-controls={open ? 'account-menu' : ''}
38 
        aria-haspopup='true'
 35 
        aria-haspopup='true'
39 
        aria-expanded={open ? 'true' : undefined}
 36 
        aria-expanded={open ? 'true' : ''}
40 
      >
 37 
      >
41 
        <MoreVertIcon />
 38 
        <MoreVert />
42 
      </StyledOptionsButton>
 39 
      </IconButton>
43 
      <Menu
 40 
      <Menu
44 
        anchorEl={anchorEl}
 41 
        anchorEl={anchorEl}
45 
        id='account-menu'
 42 
        id='account-menu'