Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8107 Rev 8110
Línea -... Línea 1...
- 
 
 1 
import React from "react";
1 
import React, { useState } from 'react'
 2 
import { useState, useEffect } from "react";
2 
import SubmitModal from './SubmitModal'
 3 
import { useForm } from "react-hook-form";
3 
import TagsInput from '../../../shared/TagsInput'
 4 
import TagsInput from "../../../shared/TagsInput";
4 
import { useEffect } from 'react'
 5 
import SubmitModal from "./SubmitModal";
- 
 
 6 
 
Línea 5... Línea 7...
5 
 
 7 
 
6 
const LanguageModal = ({
 8 
const LanguageModal = ({
7 
    closeModal,
 9 
    closeModal,
- 
 
 10 
    dataLink,
- 
 
 11 
    languagesOptions = {
- 
 
 12 
        ar: "Arabe",
- 
 
 13 
        de: "Alemán",
- 
 
 14 
        en: "Inglés",
- 
 
 15 
        es: "Español",
- 
 
 16 
        hi: "Hindi",
- 
 
 17 
        it: "Italiano",
- 
 
 18 
        ja: "Japonés",
- 
 
 19 
        pt: "Portugués",
- 
 
 20 
        ru: "Ruso",
8 
    modalData,
 21 
        zh: "Chino",
9 
    dataLink
 22 
    }
Línea -... Línea 23...
- 
 
 23 
}) => {
- 
 
 24 
 
- 
 
 25 
    const {
- 
 
 26 
        register,
10 
}) => {
 27 
        errors,
11 
 
 28 
        setValue,
- 
 
 29 
        getValues,
12 
    const [settedLanguageTags, setSettedLanguageTags] = useState([]);
 30 
    } = useForm();
- 
 
 31 
 
- 
 
 32 
    const [userLanguagesArray, setUserLanguagesArray] = useState([]);
Línea 13... Línea 33...
13 
    const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
 33 
    const [languagesOptionsArray, setLanguagesOptionsArray] = useState([]);
14 
    const [userLanguagesArray, setUserLanguagesArray] = useState([]);
 34 
    const [settedLanguageTags, setSettedLanguageTags] = useState([]);
15 
 
 35 
 
16 
    useEffect(() => {
 36 
    useEffect(() => {
17 
        register("languages", {
 37 
        register("languages", {
Línea -... Línea 38...
- 
 
 38 
            required: "Por favor seleccione al menos un lenguaje",
- 
 
 39 
        });
- 
 
 40 
    }, []);
- 
 
 41 
 
- 
 
 42 
    useEffect(() => {
- 
 
 43 
        Object.entries(getValues()).map(([key, value]) => {
18 
            required: "Por favor seleccione al menos un lenguaje",
 44 
            setValue(key, "");
19 
        });
 45 
        });
20 
    }, []);
 46 
    }, []);
21 
 
 47 
 
22 
    const handleTagsChange = (tags) => {
 48 
    const handleTagsChange = (tags) => {
Línea 55... Línea 81...
55 
        setLanguagesOptionsArray(newlanguagesOptionsArray);
 81 
        setLanguagesOptionsArray(newlanguagesOptionsArray);
56 
    }, [languagesOptions]);
 82 
    }, [languagesOptions]);
Línea 57... Línea 83...
57 
 
 83 
 
58 
    return (
 84 
    return (
- 
 
 85 
        <SubmitModal
59 
        <SubmitModal
 86 
            title="Idiomas"
- 
 
 87 
            submitData={settedLanguageTags}
60 
            submitData={settedLanguageTags}
 88 
            postLink={dataLink}
61 
            closeModal={closeModal}
 - 
 
62 
 
 89 
            closeModal={closeModal}
- 
 
 90 
        >
63 
        >
 91 
            <div className="form-group">
64 
            <TagsInput
 92 
                <TagsInput
65 
                suggestions={languagesOptionsArray}
 93 
                    suggestions={languagesOptionsArray}
66 
                settedTags={userLanguagesArray}
 94 
                    settedTags={userLanguagesArray}
- 
 
 95 
                    onChange={handleTagsChange}
- 
 
 96 
                />
67 
                onChange={handleTagsChange}
 97 
                {errors.languages && <p>{errors.languages.message}</p>}
68 
            />
 98 
            </div>
69 
        </SubmitModal>
 - 
 
70 
    )
 - 
 
71 
}
 - 
 
72 
export default LanguageModal
 99 
        </SubmitModal>
- 
 
 100 
    );
- 
 
 101 
};
- 
 
 102 
 
- 
 
 103 
export default LanguageModal;