Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

import axios from 'axios';

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

import { useForm } from "react-hook-form";

import { useDispatch } from 'react-redux';

import { addNotification } from '../redux/notification/notification.actions';

const DeleteModal = ({

    isOpen = false,

    closeModal = function () { },

    title = 'Estas seguro?',

    action,

    onComplete,

    url,

    message

}) => {

    const { handleSubmit } = useForm();

    const dispatch = useDispatch();

    const onSubmit = () => {

        if (!url && action) {

            return dispatch(action())

        }

        if (!url && onComplete) {

            return onComplete()

        }

        axios.post(url)

            .then(async ({ data }) => {

                if (data.success) {

                    try {

                        action && dispatch(action())

                        onComplete && onComplete()

                        dispatch(addNotification({

                            style: "success",

                            msg: message ? message : 'Eliminado correctamente'

                        }))

                        closeModal()

                    }

                    catch (err) { dispatch(addNotification({

                        style: "error",

                        msg: "Ha ocurrido un error"

                    })) }

                }

            })

            .catch((err) => console.log(err))

    };

    return (

        <Modal

            size="sm"

            show={isOpen}

            onHide={closeModal}

            autoFocus={false}

        >

            <form onSubmit={handleSubmit(onSubmit)}>

                <Modal.Body>

                    <h2>{title}</h2>

                </Modal.Body>

                <Modal.Footer>

                    <Button

                        variant="success"

                        type="submit"

                    >

                        Sí

                    </Button>

                    <Button

                        variant="danger"

                        onClick={closeModal}

                    >

                        No

                    </Button>

                </Modal.Footer>

            </form>

        </Modal >

    )

}

export default DeleteModal