Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8136 Rev 8138
Línea 23... Línea 23...
23 
    }
 23 
    }
24 
}) => {
 24 
}) => {
Línea 25... Línea 25...
25 
 
 25 
 
26 
    const {
 26 
    const {
27 
        register,
 27 
        register,
28 
        errors,
 - 
 
29 
        setValue,
 - 
 
30 
        getValues,
 28 
        errors
Línea 31... Línea 29...
31 
    } = useForm();
 29 
    } = useForm();
32 
 
 30 
 
33 
    const [userLanguagesArray, setUserLanguagesArray] = useState(modalData);
 31 
    const [userLanguagesArray, setUserLanguagesArray] = useState(modalData);
- 
 
 32 
    const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
Línea 34... Línea 33...
34 
    const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
 33 
    const [settedLanguageTags, setSettedLanguageTags] = useState([]);
35 
    const [settedLanguageTags, setSettedLanguageTags] = useState([]);
 34 
    const [data, setData] = useState({ languages: "" });
36 
 
 35 
 
37 
    useEffect(() => {
 36 
    useEffect(() => {
38 
        register("languages", {
 37 
        register("languages", {
Línea 39... Línea -...
39 
            required: "Por favor seleccione al menos un lenguaje",
 - 
 
40 
        });
 - 
 
41 
    }, []);
 - 
 
42 
 
 - 
 
43 
    useEffect(() => {
 - 
 
44 
        Object.entries(getValues()).map(([key, value]) => {
 - 
 
45 
            setValue(key, "");
 38 
            required: "Por favor seleccione al menos un lenguaje",
46 
        });
 39 
        });
47 
    }, []);
 40 
    }, []);
48 
 
 41 
 
49 
    const handleTagsChange = (tags) => {
 42 
    const handleTagsChange = (tags) => {
50 
        if (tags.length) {
 43 
        if (tags.length) {
51 
            let newTags = [];
 44 
            let newTags = [];
52 
            tags.map((tag) => {
 45 
            tags.map((tag) => {
53 
                newTags = [...newTags, tag.value];
 46 
                newTags = [...newTags, tag.value];
54 
            });
 47 
            });
55 
            setValue("languages", newTags);
 48 
            setData({ languages: newTags });
56 
            setSettedLanguageTags(tags);
 49 
            setSettedLanguageTags(tags);
57 
        } else {
 50 
        } else {
Línea 58... Línea 51...
58 
            setValue("languages", "");
 51 
            setData({ languages: "" });
Línea 83... Línea 76...
83 
    }, [languagesOptions]);
 76 
    }, [languagesOptions]);
Línea 84... Línea 77...
84 
 
 77 
 
85 
    return (
 78 
    return (
86 
        <SubmitModal
 79 
        <SubmitModal
87 
            title="Idiomas"
 80 
            title="Idiomas"
88 
            submitData={{ languages: settedLanguageTags }}
 81 
            submitData={formData}
89 
            postLink={dataLink}
 82 
            postLink={dataLink}
90 
            closeModal={closeModal}
 83 
            closeModal={closeModal}
91 
        >
 84 
        >
92 
            <div className="form-group">
 85 
            <div className="form-group">
93 
                <TagsInput
 86 
                <TagsInput
94 
                    suggestions={languagesOptionsArray}
 87 
                    suggestions={languagesOptionsArray}
95 
                    settedTags={userLanguagesArray}
 88 
                    settedTags={userLanguagesArray}
96 
                    onChange={handleTagsChange}
 89 
                    onChange={handleTagsChange}
97 
                />
 - 
 
98 
                {errors.languages && <p>{errors.languages.message}</p>}
 90 
                />
99 
            </div>
 91 
            </div>
100 
        </SubmitModal>
 92 
        </SubmitModal>
101 
    );
 93 
    );