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 [currentJobCategory, setCurrentJobCategory] = useState("");
    const [data, setData] = useState({ "job_category": "" });


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

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

                setCurrentJobCategory(job_category)
            })
    }, [dataLink]);

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

export default CategoryModal;