Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1902 Rev 1904
Línea 1... Línea 1...
1
import React, { useEffect, useState } from 'react'
1
import React, { useEffect } from 'react'
2
import { useSelector } from 'react-redux'
2
import { useSelector } from 'react-redux'
3
import { useForm } from 'react-hook-form'
3
import { useForm } from 'react-hook-form'
Línea 4... Línea 4...
4
 
4
 
5
import Modal from '../modal/Modal'
-
 
6
import Spinner from '../Spinner'
5
import Modal from '../modal/Modal'
7
import DropzoneComponent from '../../dropzone/DropzoneComponent'
6
import DropzoneComponent from '../../dropzone/DropzoneComponent'
8
import FormErrorFeedback from '../form/FormErrorFeedback'
-
 
Línea 9... Línea 7...
9
import { Box } from '@mui/material'
7
import FormErrorFeedback from '../form/FormErrorFeedback'
10
 
8
 
11
const CoverModal = ({
9
const CoverModal = ({
12
  show = false,
10
  show = false,
13
  sizes = '',
11
  sizes = '',
14
  onClose = () => {},
12
  onClose = () => {},
15
  onConfirm = async () => {}
-
 
16
}) => {
-
 
17
  const [loading, setLoading] = useState(false)
13
  onConfirm = async () => {}
Línea 18... Línea 14...
18
 
14
}) => {
Línea 19... Línea 15...
19
  const labels = useSelector(({ intl }) => intl.labels)
15
  const labels = useSelector(({ intl }) => intl.labels)
20
 
16
 
21
  const { register, errors, handleSubmit, setValue } = useForm()
17
  const { register, errors, handleSubmit, setValue } = useForm()
Línea 22... Línea 18...
22
 
18
 
23
  const onUploadedHandler = (files) => {
-
 
24
    setValue('cover', files)
-
 
25
  }
-
 
26
 
-
 
Línea 27... Línea 19...
27
  const onSubmit = handleSubmit(async (data) => {
19
  const onUploadedHandler = (files) => {
28
    setLoading(true)
20
    setValue('cover', files)
29
    await onConfirm(data)
21
  }
30
    setLoading(false)
22
 
Línea 49... Línea 41...
49
        recomendationText={`Imágenes recomendadas de ${sizes}`}
41
        recomendationText={`Imágenes recomendadas de ${sizes}`}
50
      />
42
      />
51
      {errors.cover && (
43
      {errors.cover && (
52
        <FormErrorFeedback>{errors.cover.message}</FormErrorFeedback>
44
        <FormErrorFeedback>{errors.cover.message}</FormErrorFeedback>
53
      )}
45
      )}
54
      {loading && (
-
 
55
        <Box
-
 
56
          sx={{
-
 
57
            position: 'absolute',
-
 
58
            zIndex: 50,
-
 
59
            width: '100%',
-
 
60
            height: '100%',
-
 
61
            top: 0,
-
 
62
            left: 0,
-
 
63
            display: 'grid',
-
 
64
            placeItems: 'center'
-
 
65
          }}
-
 
66
        >
-
 
67
          <Spinner />
-
 
68
        </Box>
-
 
69
      )}
-
 
70
    </Modal>
46
    </Modal>
71
  )
47
  )
72
}
48
}
Línea 73... Línea 49...
73
 
49