Proyectos de Subversion LeadersLinked - Backend

import React from 'react'
import { axios } from '../../utils'
import { useDispatch } from 'react-redux'
import { addNotification } from '../../redux/notification/notification.actions'
import { Modal, Button } from 'react-bootstrap'

function EditModal ({
        title = '',
        url ='',
        data={},
        show = false,
        isEdit = false,
        children = React.Component,
        onComplete = function() {},
        onClose = function() {}
}) {
        const dispatch = useDispatch()

        const onSubmit = () => {
                const formData = new FormData()

                Object.entries(data)
                axios.post(url, formData)
                        .then(({ data }) => {
                                if (!data.success) {
                                        typeof data.data === 'string'
                                                ?       dispatch(addNotification({style: 'danger',msg: data.data}))
                                                :       Object.entries(data.data)
                                                        .map(([key, value]) =>
                                                                value.map(err => dispatch(addNotification({style: 'danger',msg: `${key}: ${err}`})))
                                                        )
                                        return
                                }
                
                                onComplete()
                                onClose()
                        })
                        .catch((err) => dispatch(addNotification({style: 'danger',msg: err})))
        }

        return (
                <Modal show={show} onHide={onClose}>
                        <Modal.Header closeButton>
                                <Modal.Title>{title} - {isEdit ? 'Editar' : 'Agregar'}</Modal.Title>
                        </Modal.Header>

                        <Modal.Body>
                                {children}
                        </Modal.Body>

                        <Modal.Footer>
                                <Button variant="primary" onClick={onSubmit}>
                        Enviar
                                </Button>
                                <Button variant="danger" onClick={onClose}>
                        Cancelar
                                </Button>
                        </Modal.Footer>
                </Modal >
        )
}

export default EditModal