Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 14879 | Rev 14883 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

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


const AppliedModal = ({ closeModal, dataLink }) => {

        const dispatch = useDispatch()
        const [data, setData] = useState({})

        const getData = () => {
                axios.get(dataLink)
                        .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
                                }

                                console.log(data.data)
                                setData(data.data)
                        })
        }

        useEffect(() => {
                getData()
        }, [])


        return (
                <Modal size="lg" show onHide={closeModal}>
                        <Modal.Header closeButton>
                                <Modal.Title>Usuario que aplicaron</Modal.Title>
                        </Modal.Header>
                        <Modal.Body>
                                <div className='form-group'>

                                </div>
                        </Modal.Body>
                        <Modal.Footer>
                                <Button variant="primary">
                                        Enviar
                                </Button>
                                <Button variant="danger" onClick={closeModal}>
                                        Cancelar
                                </Button>
                        </Modal.Footer>
                </Modal >
        )
}

export default AppliedModal