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 [error, setError] = useState('');

    const [values, setValues] = useState('');

    useEffect(() => {

        getData(dataLink)

            .then(results => setValues(results))

            .catch(err => setError(err))

    }, []);

    return (

        <SubmitModal

            closeModal={closeModal}

            postLink={dataLink}

            submitData={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>

            {error && <p>{error}</p>}

        </SubmitModal >

    )

}

export default StatusModal