Proyectos de Subversion LeadersLinked - Backend

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


const SkillsModal = ({
    closeModal,
    dataLink
}) => {

    const {
        register,
        errors
    } = useForm();

    const [userLanguagesArray, setUserLanguagesArray] = useState([]);
    const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
    const [settedLanguageTags, setSettedLanguageTags] = useState([]);
    const [data, setData] = useState({ languages: "" });

    /* useEffect(() => {
        register("languages", {
            required: "Por favor seleccione al menos un lenguaje",
        });
    }, []);

    const handleTagsChange = (tags) => {
        if (tags.length) {
            let newTags = [];
            tags.map((tag) => {
                newTags = [...newTags, tag.value];
            });
            setData({ "languages[]": newTags });
        } else {
            setData({ "languages[]": "" });
        }
    };

    useEffect(() => {
        modalData.map((lang) => {
            const newLang = languagesOptionsArray.find(el => el.name === lang)

            if (newLang) {
                setUserLanguagesArray(prev => [...prev, { value: newLang.value, name: newLang.name }])
            }
        })
    }, [modalData]); */

    useEffect(() => {
        getData(dataLink)
            .then(res => console.log(res))
    }, [dataLink]);

    return (
        <SubmitModal
            title="Habilidades"
            submitData={data}
            postLink={dataLink}
            closeModal={closeModal}
        >
            <div className="form-group">
                {/* <TagsInput
                    suggestions={languagesOptionsArray}
                    settedTags={userLanguagesArray}
                    onChange={handleTagsChange}
                /> */}
            </div>
        </SubmitModal>
    );
};

export default SkillsModal;