Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3291 Rev 3444
Línea 1... Línea 1...
1 
import React, { lazy, Suspense, useState } from 'react'
 1 
import React, { lazy, Suspense, useState } from 'react';
2 
import { Badge, IconButton, Avatar as MuiAvatar } from '@mui/material'
 2 
import { Badge, IconButton, Avatar as MuiAvatar } from '@mui/material';
3 
import { Edit } from '@mui/icons-material'
 3 
import { Edit } from '@mui/icons-material';
4 
import colors from '@styles/colors'
 4 
import colors from '@styles/colors';
Línea 5... Línea 5...
5 
 
 5 
 
Línea 6... Línea 6...
6 
const ImageModal = lazy(() => import('@components/modals/ImageModal'))
 6 
const ImageModal = lazy(() => import('@components/modals/ImageModal'));
7 
 
 7 
 
8 
export default function Avatar({
 8 
export default function Avatar({
9 
  src = '',
 9 
  src = '',
Línea 13... Línea 13...
13 
  edit = false,
 13 
  edit = false,
14 
  size,
 14 
  size,
15 
  badgeStyles,
 15 
  badgeStyles,
16 
  ...props
 16 
  ...props
17 
}) {
 17 
}) {
18 
  const [showModal, setShowModal] = useState(false)
 18 
  const [showModal, setShowModal] = useState(false);
19 
  const [image, setImage] = useState(src)
 19 
  const [image, setImage] = useState(src);
Línea 20... Línea 20...
20 
 
 20 
 
Línea 21... Línea 21...
21 
  const toggleModal = () => setShowModal(!showModal)
 21 
  const toggleModal = () => setShowModal(!showModal);
22 
 
 22 
 
23 
  if (edit) {
 23 
  if (edit) {
24 
    return (
 24 
    return (
Línea 55... Línea 55...
55 
            onClose={toggleModal}
 55 
            onClose={toggleModal}
56 
            onComplete={(newImage) => setImage(newImage)}
 56 
            onComplete={(newImage) => setImage(newImage)}
57 
          />
 57 
          />
58 
        </Suspense>
 58 
        </Suspense>
59 
      </>
 59 
      </>
60 
    )
 60 
    );
61 
  }
 61 
  }
Línea 62... Línea 62...
62 
 
 62 
 
63 
  return <MuiAvatar src={image} alt={alt} sx={styles} {...props} icon />
 63 
  return <MuiAvatar src={image} alt={alt} sx={styles} {...props} icon />;