Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8457 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 8457 Rev 11131
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 SubmitModal from "./SubmitModal";
3
import SubmitModal from './SubmitModal'
4
import { getData } from "../../../helpers/fetchHelpers"
4
import { getData } from '../../../helpers/fetchHelpers'
Línea 5... Línea 5...
5
 
5
 
6
 
6
 
7
const CategoryModal = ({
7
const CategoryModal = ({
8
    closeModal,
8
	closeModal,
Línea 9... Línea 9...
9
    dataLink
9
	dataLink
10
}) => {
-
 
11
 
10
}) => {
12
    const [jobCategoryOptions, setJobsCategoryOptions] = useState([]);
-
 
13
    const [currentJobCategory, setCurrentJobCategory] = useState("");
-
 
14
    const [data, setData] = useState({ "job_category_id": "" });
-
 
15
 
-
 
16
 
-
 
17
    useEffect(() => {
-
 
18
        getData(dataLink)
-
 
19
            .then(({ job_categories, job_category }) => {
-
 
20
 
-
 
21
                Object.entries(job_categories).map(([key, value]) => {
-
 
22
                    setJobsCategoryOptions(prev => [...prev, { value: key, name: value }])
-
 
23
                })
-
 
24
 
-
 
25
                setCurrentJobCategory(job_category)
-
 
26
            })
-
 
27
    }, [dataLink]);
-
 
28
 
-
 
29
    return (
-
 
30
        <SubmitModal
-
 
31
            title="Categoría"
-
 
32
            submitData={data}
-
 
33
            postLink={dataLink}
-
 
34
            closeModal={closeModal}
-
 
35
        >
-
 
36
            <select
-
 
37
                className='form-control'
-
 
38
                name="employment_type"
-
 
39
                onChange={(e) => setData({ ...data, job_category_id: e.target.value })}
-
 
40
                value={data.job_category_id}
-
 
41
            >
-
 
42
                {
-
 
43
                    jobCategoryOptions.map(({ value, name }) => (
-
 
44
                        <option key={value} value={value}>{name}</option>
-
 
45
                    ))
-
 
46
                }
-
 
47
            </select>
-
 
Línea 48... Línea -...
48
        </SubmitModal>
-
 
49
    );
11
 
-
 
12
	const [jobCategoryOptions, setJobsCategoryOptions] = useState([])
-
 
13
	const [data, setData] = useState({ 'job_category_id': '' })
-
 
14
 
-
 
15
 
-
 
16
	useEffect(() => {
-
 
17
		getData(dataLink)
-
 
18
			.then(({ job_categories, job_category }) => {
-
 
19
 
-
 
20
				Object.entries(job_categories).map(([key, value]) => {
-
 
21
					setJobsCategoryOptions(prev => [...prev, { value: key, name: value }])
-
 
22
				})
-
 
23
 
-
 
24
				setData({ job_category_id: job_category })
-
 
25
 
-
 
26
			})
-
 
27
	}, [dataLink])
-
 
28
 
-
 
29
	return (
-
 
30
		<SubmitModal
-
 
31
			title="Categoría"
-
 
32
			submitData={data}
-
 
33
			postLink={dataLink}
-
 
34
			closeModal={closeModal}
-
 
35
		>
-
 
36
			<select
-
 
37
				className='form-control'
-
 
38
				name="employment_type"
-
 
39
				onChange={(e) => setData({ ...data, job_category_id: e.target.value })}
-
 
40
				value={data.job_category_id}
-
 
41
			>
-
 
42
				{
-
 
43
					jobCategoryOptions.map(({ value, name }) => (
-
 
44
						<option key={value} value={value}>{name}</option>
-
 
45
					))
-
 
46
				}
-
 
47
			</select>
-
 
48
		</SubmitModal>
-
 
49
	)
50
};
50
}