Proyectos de Subversion LeadersLinked - Backend

import axios from 'axios'

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

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

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

import Datetime from 'react-datetime'

import 'react-datetime/css/react-datetime.css'

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

import { useDispatch } from 'react-redux'

const FoundationsYearModal = ({

	isOpen,

	closeModal,

	foundationYearUrl,

	action,

	title

}) => {

	const [year, setYear] = useState(0)

	const [error, setError] = useState(null)

	const dispatch = useDispatch()

	const onSubmit = (e) => {

		e.preventDefault()

		const data = new FormData()

		data.append('foundation_year', year)

		axios.post(foundationYearUrl, data)

			.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

				}

				action(data.data)

			})

			.then(() => {

				setError(null)

				closeModal()

			})

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

	}

	useEffect(() => {

		getData(foundationYearUrl)

			.then(({ foundation_year }) => setYear(parseInt(foundation_year)))

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

	}, [isOpen])

	return (

		<Modal

			size="md"

			show={isOpen}

			onHide={closeModal}

			autoFocus={false}

		>

			<Modal.Header closeButton>

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

			</Modal.Header>

			<form onSubmit={(e) => onSubmit(e)}>

				<Modal.Body>

					<div className="mb-3">

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

						<Datetime

							dateFormat="YYYY"

							timeFormat={false}

							onChange={(e) => setYear(e.year())}

							initialValue={new Date(`${year + 1}`).getFullYear().toString()}

							inputProps={{ className: 'form-control' }}

							closeOnSelect

						/>

					</div>

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

				</Modal.Body>

				<Modal.Footer>

					<Button

						variant="primary"

						type="submit"

					>

						Enviar

					</Button>

					<Button

						className='btn-tertiary'

						onClick={closeModal}

					>

						Cancelar

					</Button>

				</Modal.Footer>

			</form>

		</Modal >

	)

}

export default FoundationsYearModal