Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3059 Rev 3287
Línea 1... Línea 1...
1 
import React, { 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'
Línea 4... Línea 4...
4 
 
 4 
 
Línea 5... Línea 5...
5 
import ImageModal from '@components/modals/ImageModal'
 5 
const ImageModal = lazy(() => import('@components/modals/ImageModal'))
6 
 
 6 
 
7 
export default function Avatar({
 7 
export default function Avatar({
8 
  src = '',
 8 
  src = '',
Línea 17... Línea 17...
17 
  const [showModal, setShowModal] = useState(false)
 17 
  const [showModal, setShowModal] = useState(false)
18 
  const [image, setImage] = useState(src)
 18 
  const [image, setImage] = useState(src)
Línea 19... Línea 19...
19 
 
 19 
 
Línea -... Línea 20...
- 
 
 20 
  const toggleModal = () => setShowModal(!showModal)
20 
  const toggleModal = () => setShowModal(!showModal)
 21 
 
21 
 
 22 
  if (edit) {
22 
  return (
 23 
    return (
23 
    <>
 24 
      <>
24 
      <Badge
 25 
        <Badge
25 
        overlap='circular'
 26 
          overlap='circular'
26 
        anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
 27 
          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
27 
        badgeContent={
 28 
          sx={badgeStyles}
28 
          edit && (
 29 
          badgeContent={
29 
            <IconButton onClick={toggleModal}>
 30 
            <IconButton onClick={toggleModal}>
30 
              <Edit />
 31 
              <Edit />
31 
            </IconButton>
 32 
            </IconButton>
32 
          )
 - 
 
33 
        }
 - 
 
34 
        sx={badgeStyles}
 33 
          }
35 
      >
 34 
        >
- 
 
 35 
          <MuiAvatar src={image} alt={alt} sx={styles} {...props} icon />
36 
        <MuiAvatar src={image} alt={alt} sx={styles} {...props} icon />
 36 
        </Badge>
37 
      </Badge>
 37 
        <Suspense fallback={null}>
38 
      <ImageModal
 38 
          <ImageModal
39 
        show={showModal}
 39 
            show={showModal}
40 
        url={url}
 40 
            url={url}
41 
        message={`Imágenes recomendadas de ${size ?? '200px'} `}
 41 
            message={`Imágenes recomendadas de ${size ?? '200px'} `}
- 
 
 42 
            onClose={toggleModal}
- 
 
 43 
            onComplete={(newImage) => setImage(newImage)}
42 
        onClose={toggleModal}
 44 
          />
43 
        onComplete={(newImage) => setImage(newImage)}
 45 
        </Suspense>
44 
      />
 46 
      </>
- 
 
 47 
    )
- 
 
 48 
  }
45 
    </>
 49