Rev 7110 | Rev 7113 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React, { useEffect, useState } from 'react';
import { getData } from '../../../helpers/fetchHelpers';
import { Modal, Button } from 'react-bootstrap';
import axios from 'axios';
const SubmitModal = ({
children,
closeModal = function () { },
postLink = '',
submitData = '',
setValues = function () { }
}) => {
const [error, setError] = useState('');
const onSubmit = (e) => {
e.preventDefault()
axios.post(postLink, submitData)
.then(({ data }) => {
if (!data.success) {
return setError(data.data)
}
setValues(data.data)
})
.finally(() => {
setError(null)
closeModal()
})
.catch((err) => setError(err))
};
return (
<Modal size="lg" show onHide={closeModal}>
<form onSubmit={() => onSubmit(e)}>
<Modal.Header closeButton>
<Modal.Title>Cambiar</Modal.Title>
</Modal.Header>
<Modal.Body>
{children}
</Modal.Body>
<Modal.Footer>
<Button
variant="primary"
type="submit"
>
Enviar
</Button>
<Button variant="danger" onClick={closeModal}>
Cancelar
</Button>
</Modal.Footer>
</form>
</Modal >
)
}
export default SubmitModal