Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8372 | Rev 8376 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 8372 Rev 8374
Línea 9... Línea 9...
9 
const SkillsModal = ({
 9 
const SkillsModal = ({
10 
    closeModal,
 10 
    closeModal,
11 
    dataLink
 11 
    dataLink
12 
}) => {
 12 
}) => {
Línea 13... Línea -...
13 
 
 - 
 
14 
    const {
 - 
 
15 
        register,
 - 
 
16 
        errors
 - 
 
17 
    } = useForm();
 - 
 
18 
 
 - 
 
19 
    const [userLanguagesArray, setUserLanguagesArray] = useState([]);
 - 
 
20 
    const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
 - 
 
21 
    const [settedLanguageTags, setSettedLanguageTags] = useState([]);
 13 
 
Línea -... Línea 14...
- 
 
 14 
    const { register, errors } = useForm();
- 
 
 15 
 
- 
 
 16 
    const [skillsSelecteds, setSkillsSelecteds] = useState([]);
- 
 
 17 
    const [userSkillsArray, setUserSkillsArray] = useState([]);
- 
 
 18 
    const [skillsOptionsArray, setSkillsOptionsArray] = useState([]);
22 
    const [data, setData] = useState({ languages: "" });
 19 
    const [data, setData] = useState({ skills: "" });
23 
 
 20 
 
24 
    /* useEffect(() => {
 21 
    useEffect(() => {
25 
        register("languages", {
 22 
        register("skills", {
26 
            required: "Por favor seleccione al menos un lenguaje",
 23 
            required: "Por favor seleccione al menos un lenguaje",
Línea 27... Línea 24...
27 
        });
 24 
        });
28 
    }, []);
 25 
    }, []);
29 
 
 26 
 
30 
    const handleTagsChange = (tags) => {
 27 
    const handleTagsChange = (tags) => {
31 
        if (tags.length) {
 28 
        if (tags.length) {
32 
            let newTags = [];
 29 
            let newTags = [];
33 
            tags.map((tag) => {
 30 
            tags.map((tag) => {
34 
                newTags = [...newTags, tag.value];
 31 
                newTags = [...newTags, tag.value];
35 
            });
 32 
            });
36 
            setData({ "languages[]": newTags });
 33 
            setData({ "skills": newTags });
37 
        } else {
 34 
        } else {
Línea 38... Línea 35...
38 
            setData({ "languages[]": "" });
 35 
            setData({ "skills": "" });
39 
        }
 36 
        }
40 
    };
 37 
    };
Línea 41... Línea 38...
41 
 
 38 
 
- 
 
 39 
    useEffect(() => {
42 
    useEffect(() => {
 40 
        getData(dataLink)
43 
        modalData.map((lang) => {
 41 
            .then(({ skills_available, skills_selected }) => {
- 
 
 42 
 
- 
 
 43 
                // Set languages options
- 
 
 44 
                Object.entries(skills_available).map(([key, value]) => {
44 
            const newLang = languagesOptionsArray.find(el => el.name === lang)
 45 
                    setSkillsOptionsArray(prev => [...prev, { value: key, name: value }])
45 
 
 46 
                })
Línea 46... Línea 47...
46 
            if (newLang) {
 47 
 
47 
                setUserLanguagesArray(prev => [...prev, { value: newLang.value, name: newLang.name }])
 48 
                // Set languages selecteds
- 
 
 49 
                setSkillsSelecteds([...skillsSelecteds, skills_selected])
- 
 
 50 
            })
48 
            }
 51 
    }, [dataLink]);
- 
 
 52 
 
49 
        })
 53 
    useEffect(() => {
- 
 
 54 
        skillsSelecteds.map(skill => {
- 
 
 55 
            const userSkill = skillsOptionsArray.find(el => el.name === skill)
Línea 50... Línea 56...
50 
    }, [modalData]); */
 56 
 
51 
 
 57 
            if (userSkill) {
52 
    useEffect(() => {
 58 
                setUserSkillsArray(prev => [...prev, { value: userSkill.value, name: userSkill.name }])
53 
        getData(dataLink)
 59 
            }
54 
            .then(res => console.log(res))
 60 
        })
55 
    }, [dataLink]);
 61 
    }, [skillsSelecteds, skillsOptionsArray]);
56 
 
 62 
 
57 
    return (
 63 
    return (
58 
        <SubmitModal
 64 
        <SubmitModal
59 
            title="Habilidades"
 65 
            title="Habilidades"
60 
            submitData={data}
 66 
            submitData={data}
61 
            postLink={dataLink}
 67 
            postLink={dataLink}
62 
            closeModal={closeModal}
 68 
            closeModal={closeModal}
- 
 
 69 
        >
63 
        >
 70 
            <div className="form-group">
64 
            <div className="form-group">
 71 
                <TagsInput
65 
                {/* <TagsInput
 72 
                    suggestions={skillsOptionsArray}
66 
                    suggestions={languagesOptionsArray}
 73 
                    settedTags={userSkillsArray}