Proyectos de Subversion LeadersLinked - Backend

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

const StatusModal = ({
    modalData = '',
    dataLink = '',
    closeModal = function () { }
}) => {

    const defaultValues = [{ label: "Activo", value: "a" }, { label: "Inactivo", value: "i" }]
    const [data, setData] = useState(defaultValues.find((el) => {
        if (el.label === modalData) {
            return el.value
        }
    }));

    return (
        <SubmitModal
            closeModal={closeModal}
            postLink={dataLink}
            submitData={{ status: data }}
            title="Estatus"
        >
            <select
                className='form-control'
                name="status"
                onChange={(e) => setData(e.target.value)}
                defaultValue={modalData}
            >
                {
                    defaultValues.map(({ value, label }) => (
                        <option value={value}>{label}</option>
                    ))
                }
            </select>
        </SubmitModal >
    )
}

export default StatusModal