Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 7066 | Rev 7071 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
7069 stevensc 1
import React, { useEffect, useState } from 'react';
7066 stevensc 2
import { useForm } from 'react-hook-form';
3
import { getData } from '../../../helpers/fetchHelpers';
4
import axios from "axios";
5
import SubmitModal from './SubmitModal';
6
 
7
const StatusModal = ({ getLink, postLink, closeModal }) => {
8
 
9
    const { handleSubmit, register } = useForm()
10
    const [status, setStatus] = useState([]);
11
    const [error, setError] = useState('');
12
 
13
    const onSubmit = ({ status }) => {
14
 
15
        console.log('Submit');
16
 
17
        /* const formData = new FormData().append("status", status)
18
 
19
        axios.post(postLink, formData)
20
            .then(({ data }) => {
21
                if (!data.success) {
22
                    setError(data.data)
23
                }
24
                action(data.data)
25
            })
26
            .finally(() => {
27
                closeMod
28
            })
29
            .catch((err) => setError(err)) */
30
    };
31
 
32
    useEffect(() => {
33
        getData(getLink)
34
            .then(results => setStatus(results))
35
            .catch(err => setError(err))
36
 
37
    }, []);
38
 
39
    return (
40
        <SubmitModal
41
            isOpen={true}
42
            closeModal={closeModal}
43
        >
44
            <form onSubmit={handleSubmit(onSubmit)}>
45
                <div className="form-group">
46
                    <label>Máximo</label>
47
                    <select className="form-control" name="status" ref={register}>
48
                        {
49
                            status.map((item, index) => (
50
                                <option
51
                                    key={index}
52
                                    value={item}
53
                                >
54
                                    {item}
55
                                </option>
56
                            ))
57
                        }
58
                    </select>
59
                    {error && <p>{error}</p>}
60
                </div>
61
            </form>
62
        </SubmitModal>
63
    )
64
}
65
 
66
export default StatusModal