Rev 7103 | Rev 7107 | 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';
const StatusModal = ({
children,
data = '',
setData = function () { },
getLink = '',
postLink = '',
closeModal = function () { }
}) => {
const [error, setError] = useState('');
const onSubmit = (data) => {
console.log('Submit');
};
useEffect(() => {
getData(getLink)
.then(results => console.log(results))
.catch(err => setError(err))
}, []);
return (
<Modal size="lg" show onHide={closeModal}>
<Modal.Header closeButton>
<Modal.Title>Cambiar</Modal.Title>
</Modal.Header>
<Modal.Body>
<form onSubmit={onSubmit}>
{children}
{/* {
status.map((item, index) => (
<option
key={index}
value={item}
>
{item}
</option>
))
} */}
</form>
</Modal.Body>
<Modal.Footer>
<Button
variant="primary"
type="submit"
>
Enviar
</Button>
<Button variant="danger" onClick={closeModal}>
Cancelar
</Button>
</Modal.Footer>
</Modal >
)
}
export default StatusModal