Proyectos de Subversion LeadersLinked - Backend

import { SearchInput } from '../components/TableComponents'

  const { handleSubmit, register } = useForm()

  const [location, setLocation] = useState({})

  const [year, setYear] = useState(new Date().toString())

  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"

    }

            <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>

              <SearchInput

                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>

              <select name="industry_id" className="form-control" ref={register({ required: true })}>

                <Datetime

                  dateFormat="DD-MM-YYYY"

                  timeFormat={false}

                  onChange={(e) =>

                    setYear(new Intl.DateTimeFormat({ year: 'numeric', month: 'numeric', day: 'numeric' }).format(e.toDate()))

                  }

                  initialValue={Date.parse(year)}

                  inputProps={{ className: 'form-control' }}

                  closeOnSelect

                />

              </select>

            </div>