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 />;