Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import { useForm } from 'react-hook-form'
import Datetime from 'react-datetime'
import SearchLocationInput from '../../../shared/SearchLocationInput'
import "react-datetime/css/react-datetime.css"

const FormView = ({ actionLink, googleApiKey }) => {

  const { handleSubmit, register } = useForm()
  const [location, setLocation] = useState({})
  const [year, setYear] = useState(new Date())
  const [locationLabel, setLocationLabel] = useState('')
  const [jobsDescriptions, setJobsDescriptions] = useState([
    {
      value: "8ff86a9a-651c-4dd0-86c1-b9c0716d09e0",
      label: "Programador Junior"
    }
  ])
  const [jobsCategory, setJobsCategory] = useState([
    {
      value: "7bd009b8-bd25-4602-bf85-9496af80afbd",
      label: "Finanzas"
    }
  ])
  const [industry, setIndustry] = useState([
    {
      value: "307c261f-2d27-4b3c-a86a-6f69a596edb8",
      label: "Bienes raíces"
    }
  ])


  const onSubmit = (data) => {
    console.log(data)
  }
  return (
    <section className="container">
      <div className="row">
        <div className="col-xs-12 col-md-12">
          <form onSubmit={handleSubmit(onSubmit)}>
            <div className="form-group">
              <label>Nombre</label>
              <input
                type="text"
                name="name"
                className="form-control"
                ref={register({ required: true, maxLength: 120 })}
              />
            </div>
            <div className="form-group">
              <label>Cargo a evaluar</label>
              <select name="job_description_id" className="form-control" ref={register({ required: true })}>
                {
                  jobsDescriptions.map(({ label, value }) => (
                    <option value={value}>{label}</option>
                  ))
                }
              </select>
            </div>
            <div className="form-group">
              <label>Categoría de Empleo</label>
              <select name="job_category_id" className="form-control" ref={register({ required: true })}>
                {
                  jobsCategory.map(({ label, value }) => (
                    <option value={value}>{label}</option>
                  ))
                }
              </select>
            </div>
            <div className="form-group">
              <label>Ubicación</label>
              <SearchLocationInput
                value={locationLabel}
                setValue={setLocationLabel}
                googleApiKey={googleApiKey}
                updateData={setLocation}
              />
            </div>
            <div className="form-group">
              <label>Industria</label>
              <select name="industry_id" className="form-control" ref={register({ required: true })}>
                {
                  industry.map(({ label, value }) => (
                    <option value={value}>{label}</option>
                  ))
                }
              </select>
            </div>
            <div className="form-group">
              <label>Último día de aplicación</label>
              <Datetime
                dateFormat="DD-MM-YYYY"
                timeFormat={false}
                onChange={(e) =>
                  setYear(new Intl.DateTimeFormat({ year: 'numeric', month: 'numeric', day: 'numeric' }).format(e.toDate()))
                }
                inputProps={{ className: 'form-control' }}
                closeOnSelect
              />
            </div>
          </form>
        </div>
      </div>
    </section>
  )
}
export default FormView