Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8383 Rev 8392
Línea 11... Línea 11...
11 
    dataLink
 11 
    dataLink
12 
}) => {
 12 
}) => {
Línea 13... Línea 13...
13 
 
 13 
 
Línea 14... Línea 14...
14 
    const { register, errors } = useForm();
 14 
    const { register, errors } = useForm();
15 
 
 15 
 
16 
    const [skillsSelecteds, setSkillsSelecteds] = useState([]);
 16 
    const [degreesSelecteds, setDegreesSelecteds] = useState([]);
17 
    const [userSkillsArray, setUserSkillsArray] = useState([]);
 17 
    const [userDegreesArray, setUserDegreesArray] = useState([]);
Línea 18... Línea 18...
18 
    const [skillsOptionsArray, setSkillsOptionsArray] = useState([]);
 18 
    const [degreesOptionsArray, setDegreesOptionsArray] = useState([]);
19 
    const [data, setData] = useState({ "degrees[]": "" });
 19 
    const [data, setData] = useState({ "degrees[]": "" });
20 
 
 20 
 
21 
    useEffect(() => {
 21 
    useEffect(() => {
22 
        register("skills", {
 22 
        register("degrees", {
Línea 23... Línea 23...
23 
            required: "Por favor seleccione al menos un lenguaje",
 23 
            required: "Por favor seleccione al menos un lenguaje",
Línea 36... Línea 36...
36 
        }
 36 
        }
37 
    };
 37 
    };
Línea 38... Línea 38...
38 
 
 38 
 
39 
    useEffect(() => {
 39 
    useEffect(() => {
40 
        getData(dataLink)
 40 
        getData(dataLink)
Línea 41... Línea 41...
41 
            .then(({ skills_available, skills_selected }) => {
 41 
            .then(({ degrees_available, degrees_selected }) => {
42 
 
 42 
 
43 
                // Set languages options
 43 
                // Set languages options
44 
                Object.entries(skills_available).map(([key, value]) => {
 44 
                Object.entries(degrees_available).map(([key, value]) => {
Línea 45... Línea 45...
45 
                    setSkillsOptionsArray(prev => [...prev, { value: key, name: value }])
 45 
                    setDegreesOptionsArray(prev => [...prev, { value: key, name: value }])
46 
                })
 46 
                })
47 
 
 47 
 
48 
                // Set languages selecteds
 48 
                // Set languages selecteds
Línea 49... Línea 49...
49 
                setSkillsSelecteds(skills_selected)
 49 
                setDegreesSelecteds(degrees_selected)
50 
            })
 50 
            })
51 
    }, [dataLink]);
 - 
 
52 
 
 - 
 
53 
    useEffect(() => {
 51 
    }, [dataLink]);
54 
        skillsSelecteds.map(skill => {
 - 
 
55 
            console.log(skill)
 52 
 
56 
            console.log(skillsOptionsArray)
 53 
    useEffect(() => {
57 
            const userSkill = skillsOptionsArray.find(el => el.value === skill)
 54 
        degreesSelecteds.map(skill => {
58 
            console.log(userSkill)
 55 
            const userSkill = degreesOptionsArray.find(el => el.value === skill)
59 
            if (userSkill) {
 56 
            if (userSkill) {
Línea 60... Línea 57...
60 
                setUserSkillsArray(prev => [...prev, { value: userSkill.value, name: userSkill.name }])
 57 
                setUserDegreesArray(prev => [...prev, { value: userSkill.value, name: userSkill.name }])
61 
            }
 58 
            }
62 
        })
 59 
        })
63 
    }, [skillsSelecteds, skillsOptionsArray]);
 60 
    }, [degreesSelecteds, degreesOptionsArray]);
64 
 
 61 
 
65 
    return (
 62 
    return (
66 
        <SubmitModal
 63 
        <SubmitModal
67 
            title="Habilidades"
 64 
            title="Grados"
68 
            submitData={data}
 65 
            submitData={data}
69 
            postLink={dataLink}
 66 
            postLink={dataLink}
70 
            closeModal={closeModal}
 67 
            closeModal={closeModal}
71 
        >
 68 
        >
72 
            <div className="form-group">
 69 
            <div className="form-group">
73 
                <TagsInput
 70 
                <TagsInput
74 
                    suggestions={skillsOptionsArray}
 71 
                    suggestions={degreesOptionsArray}
75 
                    settedTags={userSkillsArray}
 72 
                    settedTags={userDegreesArray}