Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1907 Rev 1921
Línea 1... Línea 1...
1 
import React, { useState, useEffect } from 'react'
 1 
import React, { useState, useEffect } from 'react'
2 
import { Box, IconButton } from '@mui/material'
 2 
import { Box, IconButton } from '@mui/material'
3 
import { Edit } from '@mui/icons-material'
 3 
import { Edit } from '@mui/icons-material'
Línea 4... Línea -...
4 
 
 - 
 
5 
import { axios } from '@app/utils'
 - 
 
6 
import { useDispatch } from 'react-redux'
 - 
 
7 
import { addNotification } from '@app/redux/notification/notification.actions'
 - 
 
8 
 
 4 
 
Línea 9... Línea 5...
9 
import CoverModal from './CoverModal'
 5 
import CoverModal from './CoverModal'
10 
 
 6 
 
11 
const Cover = ({
 7 
const Cover = ({
12 
  cover: defaultCover = '/images/no_cover.jpg',
 8 
  cover: defaultCover = '/images/no_cover.jpg',
13 
  sizes = '',
 9 
  sizes = '',
14 
  edit = false,
 10 
  edit = false,
15 
  editUrl = ''
 11 
  editUrl = ''
16 
}) => {
 12 
}) => {
17 
  const [cover, setCover] = useState('')
 - 
 
Línea 18... Línea 13...
18 
  const [showModal, setShowModal] = useState(false)
 13 
  const [cover, setCover] = useState('')
Línea 19... Línea 14...
19 
  const dispatch = useDispatch()
 14 
  const [showModal, setShowModal] = useState(false)
20 
 
 - 
 
21 
  const toggleModal = () => setShowModal(!showModal)
 - 
 
22 
 
 - 
 
23 
  const onCoverChange = (cover) => {
 - 
 
24 
    const formData = new FormData()
 - 
 
25 
    formData.append('cover', cover)
 - 
 
26 
 
 - 
 
27 
    axios
 - 
 
28 
      .post(editUrl, formData)
 - 
 
29 
      .then(({ data: response }) => {
 - 
 
30 
        const { data, success } = response
 - 
 
31 
 
 - 
 
32 
        if (!success) {
 - 
 
33 
          const errorMessage =
 - 
 
34 
            typeof data === 'string' ? data : 'Intente mas tarde'
 - 
 
35 
          throw new Error(errorMessage)
 - 
 
36 
        }
 - 
 
37 
 
 - 
 
38 
        setCover(data)
 - 
 
39 
        toggleModal()
 - 
 
40 
      })
 - 
 
41 
      .catch((error) => {
 - 
 
Línea 42... Línea 15...
42 
        console.log(error)
 15 
 
43 
        dispatch(addNotification({ style: 'danger', msg: error.message }))
 16 
  const toggleModal = () => setShowModal(!showModal)
44 
      })
 17 
 
Línea 82... Línea 55...
82 
      </Box>
 55 
      </Box>
83 
      <CoverModal
 56 
      <CoverModal
84 
        show={showModal}
 57 
        show={showModal}
85 
        sizes={sizes}
 58 
        sizes={sizes}
86 
        onClose={toggleModal}
 59 
        onClose={toggleModal}
87 
        onConfirm={onCoverChange}
 60 
        onChange={onCoverChange}
- 
 
 61 
        url={editUrl}
88 
      />
 62 
      />
89 
    </>
 63 
    </>
90 
  )
 64 
  )
91 
}
 65 
}