Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5 stevensc 1 
import React from 'react'
698 stevensc 2 
import { Link } from 'react-router-dom'
3 
import { Avatar, IconButton } from '@mui/material'
4 
import { Done, Delete, Clear } from '@mui/icons-material'
5 
import styled from 'styled-components'
5 stevensc 6 
 
698 stevensc 7 
const StyledMemberContainer = styled.div`
8 
  display: flex;
9 
  align-items: center;
10 
  justify-content: space-between;
11 
  gap: 0.5rem;
699 stevensc 12 
  padding: 10px 0;
702 stevensc 13 
  border-top: 1px solid ${(props) => props.theme.border.color.primary};
698 stevensc 14 
`
15 
 
16 
const StyledMemberInfo = styled.div`
17 
  display: flex;
18 
  align-items: center;
19 
  gap: 0.5rem;
20 
`
21 
 
22 
const StyledMemberImage = styled(Avatar)`
23 
  width: 40px !important;
24 
  height: 40px !important;
25 
`
26 
 
5 stevensc 27 
const MemberTemplate = ({ member = {}, handleAction = function () {} }) => {
28 
  const { name = '', image = '', profile = '', actions = {} } = member
29 
 
30 
  return (
698 stevensc 31 
    <StyledMemberContainer>
32 
      <StyledMemberInfo>
33 
        <Link to={profile}>
34 
          <StyledMemberImage src={image} alt={`${name} profile image`} />
35 
        </Link>
5 stevensc 36 
        <h4>{name}</h4>
698 stevensc 37 
      </StyledMemberInfo>
38 
 
5 stevensc 39 
      {actions?.link_approve && (
698 stevensc 40 
        <IconButton
5 stevensc 41 
          onClick={() => handleAction(actions.link_approve)}
698 stevensc 42 
          title='Aprobar'
43 
        >
44 
          <Done />
45 
        </IconButton>
5 stevensc 46 
      )}
47 
      {actions?.link_reject && (
698 stevensc 48 
        <IconButton
5 stevensc 49 
          onClick={() => handleAction(actions.link_reject)}
698 stevensc 50 
          title='Rechazar'
51 
        >
52 
          <Clear />
53 
        </IconButton>
5 stevensc 54 
      )}
55 
      {actions?.link_cancel && (
698 stevensc 56 
        <IconButton
5 stevensc 57 
          onClick={() => handleAction(actions.link_cancel)}
698 stevensc 58 
          title='Cancelar'
59 
        >
60 
          <Delete />
61 
        </IconButton>
5 stevensc 62 
      )}
698 stevensc 63 
    </StyledMemberContainer>
5 stevensc 64 
  )
65 
}
66 
 
67 
export default MemberTemplate