Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 14563 | Rev 14843 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
11142 stevensc 1 
import React, { useState } from 'react'
2 
import { Modal, Button } from 'react-bootstrap'
3 
import axios from 'axios'
4 
import { addNotification } from '../../../redux/notification/notification.actions'
5 
import { useDispatch } from 'react-redux'
7107 stevensc 6 
 
7 
const SubmitModal = ({
11142 stevensc 8 
	children,
9 
	closeModal = function () { },
10 
	postLink = '',
11 
	submitData = '',
14561 stevensc 12 
	title = '',
13 
	onComplete = function () { }
7107 stevensc 14 
}) => {
15 
 
11142 stevensc 16 
	const [error, setError] = useState('')
17 
	const dispatch = useDispatch()
7107 stevensc 18 
 
11142 stevensc 19 
	const onSubmit = () => {
7107 stevensc 20 
 
14168 stevensc 21 
		const values = Object.values(submitData)
22 
 
14169 stevensc 23 
		if (!values.length || !values[0]) {
14168 stevensc 24 
			return dispatch(addNotification({
25 
				style: 'danger',
26 
				msg: 'El campo no puede estar vacio.'
27 
			}))
28 
		}
29 
 
11142 stevensc 30 
		const formData = new FormData()
7118 stevensc 31 
 
11254 stevensc 32 
		if (Array.isArray(submitData)) {
33 
			submitData.forEach(data => {
34 
				Object.entries(data).forEach((entries) => {
35 
					formData.append(entries[0], entries[1])
36 
				})
37 
			})
38 
		} else {
39 
			Object.entries(submitData).forEach((entries) => {
40 
				formData.append(entries[0], entries[1])
41 
			})
42 
		}
43 
 
11142 stevensc 44 
		axios.post(postLink, formData)
45 
			.then(({ data }) => {
46 
				if (!data.success) {
14167 stevensc 47 
					return dispatch(addNotification({
48 
						style: 'danger',
11142 stevensc 49 
						msg: typeof data.data === 'string'
50 
							? data.data
14563 stevensc 51 
							: 'Ha ocurrido un error'
11142 stevensc 52 
					}))
53 
				}
7116 stevensc 54 
 
7777 stevensc 55 
 
11142 stevensc 56 
				dispatch(addNotification({
57 
					style: 'success',
58 
					msg: 'Envio completado'
59 
				}))
14561 stevensc 60 
				onComplete()
11142 stevensc 61 
				setError(null)
62 
				closeModal()
63 
			})
64 
			.catch((err) => setError(err))
65 
	}
7107 stevensc 66 
 
11142 stevensc 67 
	return (
68 
		<Modal size="lg" show onHide={closeModal}>
69 
			<Modal.Header closeButton>
70 
				<Modal.Title>{title}</Modal.Title>
71 
			</Modal.Header>
72 
			<Modal.Body>
73 
				<div className='form-group'>
74 
					{children}
75 
				</div>
76 
				{error && <p>{error}</p>}
77 
			</Modal.Body>
78 
			<Modal.Footer>
79 
				<Button
80 
					variant="primary"
81 
					onClick={onSubmit}
82 
				>
11254 stevensc 83 
					Enviar
11142 stevensc 84 
				</Button>
85 
				<Button variant="danger" onClick={closeModal}>
11254 stevensc 86 
					Cancelar
11142 stevensc 87 
				</Button>
88 
			</Modal.Footer>
89 
		</Modal >
90 
	)
7107 stevensc 91 
}
92 
 
93 
export default SubmitModal