Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 5 Rev 677
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import styled from 'styled-components'
 2 
import styled from 'styled-components'
3 
import IconButton from '@mui/material/IconButton'
 3 
import IconButton from '@mui/material/IconButton'
4 
import MoreVertIcon from '@mui/icons-material/MoreVert'
 4 
import MoreVertIcon from '@mui/icons-material/MoreVert'
5 
import { Menu, MenuItem } from '@mui/material'
 5 
import { Menu, MenuItem, css } from '@mui/material'
Línea 6... Línea 6...
6 
 
 6 
 
7 
const StyledOptionsButton = styled(IconButton)`
 7 
const StyledOptionsButton = styled(IconButton)`
8 
  position: absolute !important;
 8 
  position: absolute !important;
9 
  right: ${(props) => props.right || '0'};
 9 
  right: ${(props) => props.right || '0'};
10 
  top: ${(props) => props.top || '50%'};
 - 
 
11 
  transform: translateY(-50%);
 10 
  top: ${(props) => props.top || '50%'};
- 
 
 11 
  z-index: 100;
- 
 
 12 
  ${(props) =>
- 
 
 13 
    !props.top &&
- 
 
 14 
    css`
- 
 
 15 
      transform: translateY(-50%);
12 
  z-index: 100;
 16 
    `}
Línea 13... Línea 17...
13 
`
 17 
`
14 
 
 18 
 
15 
const Options = ({ options, right, top }) => {
 19 
const Options = ({ options, right, top }) => {
Línea 29... Línea 33...
29 
      <StyledOptionsButton
 33 
      <StyledOptionsButton
30 
        right={right}
 34 
        right={right}
31 
        top={top}
 35 
        top={top}
32 
        onClick={handleClick}
 36 
        onClick={handleClick}
33 
        aria-controls={open ? 'account-menu' : undefined}
 37 
        aria-controls={open ? 'account-menu' : undefined}
34 
        aria-haspopup="true"
 38 
        aria-haspopup='true'
35 
        aria-expanded={open ? 'true' : undefined}
 39 
        aria-expanded={open ? 'true' : undefined}
36 
      >
 40 
      >
37 
        <MoreVertIcon />
 41 
        <MoreVertIcon />
38 
      </StyledOptionsButton>
 42 
      </StyledOptionsButton>
39 
      <Menu
 43 
      <Menu
40 
        anchorEl={anchorEl}
 44 
        anchorEl={anchorEl}
41 
        id="account-menu"
 45 
        id='account-menu'
42 
        open={open}
 46 
        open={open}
43 
        onClose={handleClose}
 47 
        onClose={handleClose}
44 
        onClick={handleClose}
 48 
        onClick={handleClose}
45 
        transformOrigin={{ horizontal: 'right', vertical: 'top' }}
 49 
        transformOrigin={{ horizontal: 'right', vertical: 'top' }}
46 
        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
 50 
        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}