Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3468 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3468 Rev 3469
Línea 1... Línea 1...
1 
import React, { useState } from 'react';
 1 
import React, { useState } from 'react';
- 
 
 2 
import { useNavigate } from 'react-router-dom';
2 
import { useSelector } from 'react-redux';
 3 
import { useSelector } from 'react-redux';
3 
import { IconButton, Menu, MenuItem, styled, Typography } from '@mui/material';
 4 
import { IconButton, Menu, MenuItem, styled, Typography } from '@mui/material';
4 
import { MoreVert } from '@mui/icons-material';
 5 
import { MoreVert } from '@mui/icons-material';
Línea 5... Línea 6...
5 
 
 6 
 
Línea 13... Línea 14...
13 
  right: theme.spacing(1),
 14 
  right: theme.spacing(1),
14 
  zIndex: 1
 15 
  zIndex: 1
15 
}));
 16 
}));
Línea 16... Línea 17...
16 
 
 17 
 
17 
export function KnowledgeCard({
 18 
export function KnowledgeCard({
18 
  knowledge: { link_delete, link_edit, category, description, image, title },
 19 
  knowledge: { link_delete, link_edit, link_view, category, description, image, title },
19 
  onEdit,
 20 
  onEdit,
20 
  onDelete
 21 
  onDelete
21 
}) {
 22 
}) {
22 
  const labels = useSelector(({ intl }) => intl.labels);
 23 
  const labels = useSelector(({ intl }) => intl.labels);
- 
 
 24 
  const [anchorEl, setAnchorEl] = useState();
23 
  const [anchorEl, setAnchorEl] = useState();
 25 
  const navigate = useNavigate();
Línea 24... Línea 26...
24 
  const open = Boolean(anchorEl);
 26 
  const open = Boolean(anchorEl);
25 
 
 - 
 
26 
  const handleClick = (event) => {
 27 
 
27 
    event.stopPropagation();
 28 
  const handleClick = (event) => {
Línea 28... Línea 29...
28 
    setAnchorEl(event.currentTarget);
 29 
    setAnchorEl(event.currentTarget);
29 
  };
 30 
  };
Línea 36... Línea 37...
36 
    handleClose();
 37 
    handleClose();
37 
    onClick();
 38 
    onClick();
38 
  };
 39 
  };
Línea 39... Línea 40...
39 
 
 40 
 
40 
  return (
 41 
  return (
41 
    <Card>
 42 
    <Card onClick={() => navigate(link_view)}>
42 
      <OptionsButton onClick={handleClick}>
 43 
      <OptionsButton onClick={handleClick}>
43 
        <MoreVert />
 44 
        <MoreVert />
44 
      </OptionsButton>
 45 
      </OptionsButton>
45 
      <Menu
 46 
      <Menu
Línea 53... Línea 54...
53 
        transformOrigin={{
 54 
        transformOrigin={{
54 
          vertical: 'top',
 55 
          vertical: 'top',
55 
          horizontal: 'right'
 56 
          horizontal: 'right'
56 
        }}
 57 
        }}
57 
      >
 58 
      >
58 
        <MenuItem
 - 
 
59 
          onClick={(e) => {
 - 
 
60 
            e.stopPropagation();
 - 
 
61 
            handleMenuItemClick(() => onEdit(link_edit));
 59 
        <MenuItem onClick={() => handleMenuItemClick(() => onEdit(link_edit))}>
62 
          }}
 - 
 
63 
        >
 - 
 
64 
          {labels.edit}
 60 
          {labels.edit}
65 
        </MenuItem>
 61 
        </MenuItem>
66 
        <MenuItem
 - 
 
67 
          onClick={(e) => {
 - 
 
68 
            e.stopPropagation();
 - 
 
69 
            handleMenuItemClick(() => onDelete(link_delete));
 62 
        <MenuItem onClick={() => handleMenuItemClick(() => onDelete(link_delete))}>
70 
          }}
 - 
 
71 
        >
 - 
 
72 
          {labels.delete}
 63 
          {labels.delete}
73 
        </MenuItem>
 64 
        </MenuItem>
74 
      </Menu>
 65 
      </Menu>
Línea 75... Línea 66...
75 
 
 66