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