Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react';

import { getData } from '../../../helpers/fetchHelpers';

import { Modal, Button } from 'react-bootstrap';

const SubmitModal = ({

    children,

    submitData = '',

    setValues = function () { },

    dataLink = '',

    closeModal = function () { }

}) => {

    const [error, setError] = useState('');

    const onSubmit = (e) => {

        e.preventDefault()

        axios.post(dataLink, submitData)

            .then(({ data }) => {

                if (!data.success) {

                    return setError(data.data)

                }

                setValues(data.data)

            })

            .finally(() => {

                setError(null)

                closeModal()

            })

            .catch((err) => setError(err))

    };

    useEffect(() => {

        getData(dataLink)

            .then(results => setValues(results))

            .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