Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8401 Rev 8409
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useState, useEffect } from "react";
 2 
import { useState, useEffect } from "react";
3 
import { useForm } from "react-hook-form";
 - 
 
4 
import TagsInput from "../../../shared/TagsInput";
 - 
 
5 
import SubmitModal from "./SubmitModal";
 3 
import SubmitModal from "./SubmitModal";
6 
import { getData } from "../../../helpers/fetchHelpers"
 4 
import { getData } from "../../../helpers/fetchHelpers"
Línea 7... Línea 5...
7 
 
 5 
 
8 
 
 6 
 
9 
const CategoryModal = ({
 7 
const CategoryModal = ({
10 
    closeModal,
 8 
    closeModal,
Línea -... Línea 9...
- 
 
 9 
    dataLink
11 
    dataLink
 10 
}) => {
- 
 
 11 
 
Línea 12... Línea -...
12 
}) => {
 - 
 
13 
 
 - 
 
14 
    const { register, errors } = useForm();
 - 
 
15 
 
 - 
 
Línea 16... Línea 12...
16 
    const [degreesSelecteds, setDegreesSelecteds] = useState([]);
 12 
    const [jobCategoryOptions, setJobsCategoryOptions] = useState([]);
17 
    const [userDegreesArray, setUserDegreesArray] = useState([]);
 13 
    const [currentJobCategory, setCurrentJobCategory] = useState("");
18 
    const [degreesOptionsArray, setDegreesOptionsArray] = useState([]);
 14 
    const [data, setData] = useState({ "job_category": "" });
19 
    const [data, setData] = useState({ "degrees[]": "" });
 - 
 
Línea 20... Línea -...
20 
 
 - 
 
21 
    useEffect(() => {
 - 
 
22 
        getData(dataLink)
 - 
 
23 
            .then(res => console.log(res))
 - 
 
24 
    }, []);
 - 
 
25 
 
 - 
 
26 
    /* const handleTagsChange = (tags) => {
 - 
 
27 
        if (tags.length) {
 - 
 
28 
            let newTags = [];
 - 
 
29 
            tags.map((tag) => {
 - 
 
30 
                newTags = [...newTags, tag.value];
 - 
 
31 
            });
 - 
 
32 
            setData({ "degrees[]": newTags });
 - 
 
33 
        } else {
 - 
 
34 
            setData({ "degrees[]": "" });
 - 
 
35 
        }
 - 
 
36 
    };
 - 
 
37 
 
 15 
 
38 
    useEffect(() => {
 16 
 
39 
        getData(dataLink)
 17 
    useEffect(() => {
Línea 40... Línea -...
40 
            .then(({ degrees_available, degrees_selected }) => {
 - 
 
41 
 
 18 
        getData(dataLink)
42 
                // Set languages options
 19 
            .then(({ job_categories, job_category }) => {
43 
                Object.entries(degrees_available).map(([key, value]) => {
 20 
 
Línea 44... Línea -...
44 
                    setDegreesOptionsArray(prev => [...prev, { value: key, name: value }])
 - 
 
45 
                })
 - 
 
46 
 
 - 
 
47 
                // Set languages selecteds
 - 
 
48 
                setDegreesSelecteds(degrees_selected)
 - 
 
49 
            })
 - 
 
50 
    }, [dataLink]);
 - 
 
51 
 
 - 
 
52 
    useEffect(() => {
 - 
 
53 
        degreesSelecteds.map(skill => {
 21 
                Object.entries(job_categories).map(([key, value]) => {
54 
            const userSkill = degreesOptionsArray.find(el => el.value === skill)
 22 
                    setJobsCategoryOptions(prev => [...prev, { value: key, name: value }])
55 
            if (userSkill) {
 23 
                })
56 
                setUserDegreesArray(prev => [...prev, { value: userSkill.value, name: userSkill.name }])
 24 
 
57 
            }
 25 
                setCurrentJobCategory(job_category)
58 
        })
 26 
            })
59 
    }, [degreesSelecteds, degreesOptionsArray]); */
 27 
    }, [dataLink]);
- 
 
 28 
 
60 
 
 29 
    return (
61 
    return (
 30 
        <SubmitModal
- 
 
 31 
            title="Grados"
62 
        <SubmitModal
 32 
            submitData={data}
- 
 
 33 
            postLink={dataLink}
- 
 
 34 
            closeModal={closeModal}
63 
            title="Grados"
 35 
        >
64 
            submitData={data}
 36 
            <select
65 
            postLink={dataLink}
 37 
                className='form-control'
66 
            closeModal={closeModal}
 38 
                name="employment_type"
67 
        >
 39 
                onChange={(e) => setData({ ...data, job_category: e.target.value })}
68 
            <div className="form-group">
 40 
                defaultValue={currentJobCategory}
69 
                {/* <TagsInput
 41 
            >
70 
                    suggestions={degreesOptionsArray}
 42 
                {
Línea 71... Línea 43...
71 
                    settedTags={userDegreesArray}
 43 
                    jobCategoryOptions.map(({ value, name }) => (
72 
                    onChange={handleTagsChange}
 44 
                        <option key={value} value={value}>{name}</option>