Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react';

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

import axios from 'axios';

const SubmitModal = ({

    children,

    closeModal = function () { },

    postLink = '',

    submitData = '',

    title = ''

}) => {

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

    const onSubmit = () => {

        axios.post(postLink, submitData)

            .then(({ data }) => {

                if (!data.success) {

                    return console.log(Object.values(data.data)[0])

                }

                console.log(data.data)

                setError(null)

                closeModal()

            })

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

    };

    return (

        <Modal size="lg" show onHide={closeModal}>

            <Modal.Header closeButton>

                <Modal.Title>{title}</Modal.Title>

            </Modal.Header>

            <Modal.Body>

                <div className='form-group'>

                    <label className="form-label">{title}</label>

                    {children}

                </div>

                {error && <p>{error}</p>}

            </Modal.Body>

            <Modal.Footer>

                <Button

                    variant="primary"

                    onClick={onSubmit}

                >

                    Enviar

                </Button>

                <Button variant="danger" onClick={closeModal}>

                    Cancelar

                </Button>

            </Modal.Footer>

        </Modal >

    )

}

export default SubmitModal