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