Rev 7771 | Rev 8107 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React, { useState } from 'react'
import SubmitModal from './SubmitModal'
import TagsInput from '../../../shared/TagsInput'
import { useEffect } from 'react'
import axios from 'axios'
const LanguageModal = ({ closeModal, modalData, dataLink }) => {
const [settedLanguageTags, setSettedLanguageTags] = useState([]);
const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
useEffect(() => {
axios.get(modalData)
.then(({ data }) => console.log(data))
}, [])
const handleTagsChange = (tags) => {
if (tags.length) {
let newTags = [];
tags.map((tag) => {
newTags = [...newTags, tag.value];
});
setValue("languages", newTags);
setSettedLanguageTags(tags);
} else {
setValue("languages", "");
setSettedLanguageTags("");
}
};
return (
<SubmitModal
submitData={settedLanguageTags}
>
<TagsInput
suggestions={languagesOptionsArray}
settedTags={userLanguagesArray}
onChange={handleTagsChange}
/>
</SubmitModal>
)
}
export default LanguageModal