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