Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 5957 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

import axios from 'axios'
import React from 'react'
import { Modal, Form } from 'react-bootstrap'
import { useForm } from 'react-hook-form'

const CoverModal = ({
    isOpen,
    closeModal,
    coverUploadUrl,
    action
}) => {

    const { handleSubmit } = useForm()

    const onSubmit = (data) => {
        axios.post(coverUploadUrl, data)
            .then(({ data }) => console.log(data))
            .catch((err) => console.log(err))
    }

    return (
        <Modal
            size="lg"
            show={isOpen}
            onHide={closeModal}
            autoFocus={false}
        >
            <Modal.Header closeButton>
                <Modal.Title>Cambiar</Modal.Title>
            </Modal.Header>
            <form onSubmit={handleSubmit(onSubmit)}>
                <Modal.Body>
                    <Form.Group controlId="formFileSm" className="mb-3">
                        <Form.Control
                            type="file"
                            size="sm"
                            placeholder='Testing'
                        />
                    </Form.Group>
                </Modal.Body>
                <Modal.Footer>
                    <Button
                        variant="primary"
                        type="submit"
                    >
                        Enviar
                    </Button>
                    <Button
                        variant="default"
                        onClick={closeModal}
                    >
                        Cancelar
                    </Button>
                </Modal.Footer>
            </form>
        </Modal >
    )
}

export default CoverModal