Proyectos de Subversion LeadersLinked - Backend

import React from 'react'
import { useState, useEffect } from 'react'
import SubmitModal from './SubmitModal'
import { getData } from '../../../helpers/fetchHelpers'


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

        const [jobCategoryOptions, setJobsCategoryOptions] = useState([])
        const [data, setData] = useState({ 'job_category_id': '' })


        useEffect(() => {
                getData(dataLink)
                        .then(({ job_categories, job_category }) => {

                                Object.entries(job_categories).map(([key, value]) => {
                                        setJobsCategoryOptions(prev => [...prev, { value: key, name: value }])
                                })

                                setData({ job_category_id: job_category })

                        })
        }, [dataLink])

        return (
                <SubmitModal
                        title="Categoría"
                        submitData={data}
                        postLink={dataLink}
                        closeModal={closeModal}
                >
                        <select
                                className='form-control'
                                name="employment_type"
                                onChange={(e) => setData({ ...data, job_category_id: e.target.value })}
                                value={data.job_category_id}
                        >
                                {
                                        jobCategoryOptions.map(({ value, name }) => (
                                                <option key={value} value={value}>{name}</option>
                                        ))
                                }
                        </select>
                </SubmitModal>
        )
}

export default CategoryModal