Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect, useState } from 'react'
import { Link } from 'react-router-dom'
import { getData } from '../../helpers/fetchHelpers';
import EditItem from '../components/EditItem';

const JobsEditView = ({ linkEdit }) => {

    const [itemsData, setItemsData] = useState({
        title: '',
        status: '',
        description: '',
        location: '',
        employment_type: '',
        last_date_of_application: '',
        job_category: '',
        experience: '',
        salary: '',
        degrees: [],
        languages: [],
        skills: []
    });

    useEffect(() => {
        getData(linkEdit)
            .then(results => {
                setItemsData({
                    title: results.title,
                    status: results.status,
                    description: results.description,
                    location: results.location,
                    employment_type: results.employment_type,
                    last_date_of_application: results.last_date_of_application,
                    job_category: results.job_category,
                    experience: results.experience,
                    salary: results.salary,
                    degrees: results.degrees,
                    languages: results.languages,
                    skills: results.skills
                })
            })
    }, []);

    return (
        <>
            <section className="content-header">
                <div className="container-fluid">
                    <div className="row mb-2">
                        <div className="col-sm-12">
                            <Link to='/jobs' className='text-decoration-none text-body'>
                                <h1>
                                    <i className='fa fa-angle-left fw-bold mr-2' />
                                    Editar empleo
                                </h1>
                            </Link>
                        </div>
                    </div>
                </div>
            </section>
            <section class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-3">
                        </div>
                        <div class="col-lg-6">
                            <div class="main-ws-sec">
                                <EditItem title='Estatus' data={itemsData.status} action />
                                <EditItem title='Título' data={itemsData.title} action />
                                <EditItem title='Visión general' data={itemsData.description} action />
                                <EditItem title='Último día de aplicación' data={itemsData.last_date_of_application} action />
                                <EditItem title='Tipo de empleo' data={itemsData.employment_type} action />
                                <EditItem title='Ubicación' data={itemsData.location} action />
                                <EditItem title='Experiencia' data={itemsData.experience} action />
                                <EditItem title='Salario' data={itemsData.salary} action />
                                <EditItem title='Categoría' data={itemsData.job_category} action />
                                <EditItem title='Habilidades' data={itemsData.skills} action />
                                <EditItem title='Idiomas' data={itemsData.languages} action />
                                <EditItem title='Grados' data={itemsData.degrees} action />
                            </div>
                        </div>
                        <div class="col-lg-3">
                        </div>
                    </div>
                </div>
            </section>
        </>
    )
}

export default JobsEditView