Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect } from 'react';
import { useForm } from 'react-hook-form';
import { getData } from '../../../helpers/fetchHelpers';
import axios from "axios";
import SubmitModal from './SubmitModal';

const StatusModal = ({ getLink, postLink, closeModal }) => {

    const { handleSubmit, register } = useForm()
    const [status, setStatus] = useState([]);
    const [error, setError] = useState('');

    const onSubmit = ({ status }) => {

        console.log('Submit');

        /* const formData = new FormData().append("status", status)

        axios.post(postLink, formData)
            .then(({ data }) => {
                if (!data.success) {
                    setError(data.data)
                }
                action(data.data)
            })
            .finally(() => {
                closeMod
            })
            .catch((err) => setError(err)) */
    };

    useEffect(() => {
        getData(getLink)
            .then(results => setStatus(results))
            .catch(err => setError(err))

    }, []);

    return (
        <SubmitModal
            isOpen={true}
            closeModal={closeModal}
        >
            <form onSubmit={handleSubmit(onSubmit)}>
                <div className="form-group">
                    <label>Máximo</label>
                    <select className="form-control" name="status" ref={register}>
                        {
                            status.map((item, index) => (
                                <option
                                    key={index}
                                    value={item}
                                >
                                    {item}
                                </option>
                            ))
                        }
                    </select>
                    {error && <p>{error}</p>}
                </div>
            </form>
        </SubmitModal>
    )
}

export default StatusModal