Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3736 stevensc 1 
import React from 'react';
2 
import { Badge, IconButton, Avatar as MuiAvatar } from '@mui/material';
3 
import { Edit } from '@mui/icons-material';
4 
 
5 
export function Avatar({
6 
  src,
7 
  alt,
8 
  edit = false,
9 
  badgeStyle = {},
10 
  style = {},
11 
  size = 150,
12 
  onEdit = () => {}
13 
}) {
14 
  return (
15 
    <Badge
16 
      badgeContent={
17 
        edit && (
18 
          <IconButton color='secondary' onClick={onEdit}>
19 
            <Edit />
20 
          </IconButton>
21 
        )
22 
      }
23 
      sx={{
24 
        borderRadius: '50%',
25 
        '& .MuiBadge-badge': {
26 
          top: '20px',
27 
          right: '20px'
28 
        },
29 
        ...badgeStyle
30 
      }}
31 
    >
32 
      <MuiAvatar src={src} alt={alt} sx={{ width: size, height: size, ...style }} />
33 
    </Badge>
34 
  );
35 
}