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_id": "" });

    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="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={jobCategoryOptions[0].value}

            >

                {

                    jobCategoryOptions.map(({ value, name }) => (

                        <option key={value} value={value}>{name}</option>

                    ))

                }

            </select>

        </SubmitModal>

    );

};

export default CategoryModal;