Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react';
import { getData } from '../../../helpers/fetchHelpers';
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)=> el.label === modalData && el.value));
    const [values, setValues] = useState('');


    useEffect(() => {
        getData(dataLink)
            .then(results => setValues(results))
            .catch(err => setError(err))
    }, []);

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

export default StatusModal