Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import SubmitModal from './SubmitModal'

const EmploymentTypeModal = ({
    modalData,
    dataLink,
    closeModal
}) => {

    const defaultValues = [
        { label: "Tiempo completo", value: "f" },
        { label: "Tiempo parcial", value: "p" },
        { label: "Contratado", value: "c" },
        { label: "Temporal", value: "t" },
    ]
    const [data, setData] = useState(modalData);

    return (
        <SubmitModal
            closeModal={closeModal}
            postLink={dataLink}
            submitData={{ employment_type: data }}
            title="Tipo de empleo"
        >
            <select
                className='form-control'
                name="employment_type"
                onChange={(e) => setData(e.target.value)}
                defaultValue={modalData}
            >
                {
                    defaultValues.map(({ value, label }) => (
                        <option key={value} value={value}>{label}</option>
                    ))
                }
            </select>
        </SubmitModal>
    )
}
export default EmploymentTypeModal