Proyectos de Subversion LeadersLinked - Backend

Rev

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