Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6273 Rev 6290
Línea 1... Línea 1...
1 
import axios from 'axios'
 1 
import axios from 'axios'
2 
import React, { useState } from 'react'
 2 
import React, { useState } from 'react'
3 
import { Modal, Button } from 'react-bootstrap'
 3 
import { Button, Modal } from 'react-bootstrap'
4 
import { useForm } from 'react-hook-form'
 4 
import { useForm } from 'react-hook-form'
Línea 5... Línea 5...
5 
 
 5 
 
6 
const FooterModal = ({
 - 
 
7 
    isOpen,
 - 
 
8 
    closeModal,
 - 
 
9 
    footerUploadUrl,
 - 
 
10 
    action
 - 
 
Línea 11... Línea 6...
11 
}) => {
 6 
const FooterModal = ({ isOpen, closeModal, footerUploadUrl, action }) => {
12 
 
 7 
 
Línea 13... Línea 8...
13 
    const { handleSubmit, register } = useForm()
 8 
    const { handleSubmit, register } = useForm()
14 
    const [error, setError] = useState(null);
 9 
    const [error, setError] = useState();
15 
 
 10 
 
16 
    const onSubmit = ({ footer }) => {
 11 
    const onSubmit = ({ footer }) => {
17 
        const data = new FormData()
 12 
        const data = new FormData()
18 
        data.append("footer", footer[0])
 13 
        data.append("footer", footer[0])
19 
        axios.post(footerUploadUrl, data)
 14 
        axios.post(footerUploadUrl, data)
20 
            .then(({ data }) => {
 15 
            .then(async ({ data }) => {
21 
                if (!data.success) {
 16 
                if (!data.success) {
- 
 
 17 
                    return setError(data.data)
- 
 
 18 
                }
22 
                    return setError(data.data)
 19 
                action(data.data)
23 
                }
 20 
            })
24 
                action(data.data)
 21 
            .then(() => {
25 
                setError(null)
 22 
                setError(null);
26 
                closeModal()
 23 
                closeModal()
Línea 27... Línea 24...
27 
            })
 24 
            })
28 
            .catch((err) => console.log(err))
 25 
            .catch(err => console.log(err))
29 
    }
 26 
    }
Línea 44... Línea 41...
44 
                        <label for="formFileSm" className="form-label">Imagen recomendada de (2480 x 268px)</label>
 41 
                        <label for="formFileSm" className="form-label">Imagen recomendada de (2480 x 268px)</label>
45 
                        <input
 42 
                        <input
46 
                            className="form-control form-control-sm"
 43 
                            className="form-control form-control-sm"
47 
                            id="formFileSm"
 44 
                            id="formFileSm"
48 
                            type="file"
 45 
                            type="file"
49 
                            name="footer"
 46 
                            name="cover"
50 
                            accept='.jpg, .jpeg, .png, .gif'
 47 
                            accept='.jpg, .jpeg, .png, .gif'
51 
                            ref={register}
 48 
                            ref={register}
52 
                            style={{ padding: '1px' }}
 49 
                            style={{ padding: '1px' }}
53 
                        />
 50 
                        />
54 
                    </div>
 51 
                    </div>
- 
 
 52 
                    {error && <p>{error}</p>}
55 
                </Modal.Body>
 53 
                </Modal.Body>
56 
                <Modal.Footer>
 54 
                <Modal.Footer>
57 
                    <Button
 55 
                    <Button
58 
                        variant="primary"
 56 
                        variant="primary"
59 
                        type="submit"
 57 
                        type="submit"