Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2780 Rev 2799
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useDispatch, useSelector } from 'react-redux'
 2 
import { useDispatch, useSelector } from 'react-redux'
3 
import { useForm } from 'react-hook-form'
 3 
import { useForm } from 'react-hook-form'
Línea 4... Línea 4...
4 
 
 4 
 
5 
import { axios } from 'utils/index'
 - 
 
6 
import { addNotification } from '../../redux/notification/notification.actions'
 5 
import { axios } from '@app/utils'
- 
 
 6 
import { useFetchHelper } from '@hooks'
Línea 7... Línea 7...
7 
import { useFetchHelper } from '@hooks'
 7 
import { addNotification } from '@app/redux/notification/notification.actions'
8 
 
 8 
 
9 
import Modal from 'components/UI/modal/Modal'
 9 
import Modal from '@components/UI/modal/Modal'
Línea 10... Línea 10...
10 
import FormErrorFeedback from 'components/UI/form/FormErrorFeedback'
 10 
import Input from '@components/UI/inputs/Input'
11 
import Input from '../UI/inputs/Input'
 11 
import Select from '@components/UI/inputs/Select'
12 
 
 12 
 
13 
const AddCompanyModal = ({
 13 
const AddCompanyModal = ({
Línea 18... Línea 18...
18 
  const { data: companySizes } = useFetchHelper('company-sizes')
 18 
  const { data: companySizes } = useFetchHelper('company-sizes')
19 
  const { data: industries } = useFetchHelper('industries')
 19 
  const { data: industries } = useFetchHelper('industries')
20 
  const labels = useSelector(({ intl }) => intl.labels)
 20 
  const labels = useSelector(({ intl }) => intl.labels)
21 
  const dispatch = useDispatch()
 21 
  const dispatch = useDispatch()
Línea -... Línea 22...
- 
 
 22 
 
- 
 
 23 
  const {
- 
 
 24 
    control,
22 
 
 25 
    handleSubmit,
- 
 
 26 
    formState: { errors }
Línea 23... Línea 27...
23 
  const { register, handleSubmit, errors } = useForm()
 27 
  } = useForm()
24 
 
 28 
 
25 
  const onSubmit = handleSubmit((data) => {
 - 
 
26 
    const formData = new FormData()
 29 
  const onSubmit = handleSubmit((data) => {
Línea 27... Línea 30...
27 
 
 30 
    const formData = new FormData()
28 
    Object.entries(data).map(([key, value]) => formData.append(key, value))
 31 
    Object.entries(data).map(([key, value]) => formData.append(key, value))
29 
 
 32 
 
Línea 58... Línea 61...
58 
      onAccept={onSubmit}
 61 
      onAccept={onSubmit}
59 
    >
 62 
    >
60 
      <Input
 63 
      <Input
61 
        name='name'
 64 
        name='name'
62 
        placeholder={labels.name_of_company}
 65 
        placeholder={labels.name_of_company}
63 
        ref={register({
 - 
 
64 
          required: 'Por favor ingrese el nombre de la Empresa'
 - 
 
65 
        })}
 - 
 
66 
        error={errors.name?.message}
 66 
        error={errors.name?.message}
- 
 
 67 
        control={control}
- 
 
 68 
        rules={{ required: 'Por favor ingrese el nombre de la Empresa' }}
- 
 
 69 
      />
- 
 
 70 
 
- 
 
 71 
      <Select
- 
 
 72 
        name='industry_id'
- 
 
 73 
        options={industries}
- 
 
 74 
        control={control}
- 
 
 75 
        rules={{ required: labels.select_industry }}
- 
 
 76 
        error={errors.industry_id?.message}
67 
      />
 77 
      />
Línea 68... Línea -...
68 
 
 - 
 
69 
      <div className='form-group'>
 78 
 
70 
        <select
 79 
      <Select
71 
          name='industry_id'
 - 
 
72 
          ref={register({
 - 
 
73 
            required: labels.select_industry
 - 
 
74 
          })}
 - 
 
75 
        >
 - 
 
76 
          <option value='' hidden>
 - 
 
77 
            {labels.industry}
 - 
 
78 
          </option>
 - 
 
79 
          {industries.map(({ name, value }) => (
 - 
 
80 
            <option value={value} key={value}>
 - 
 
81 
              {name}
 - 
 
82 
            </option>
 - 
 
83 
          ))}
 - 
 
84 
        </select>
 - 
 
85 
        {errors.industry_id && (
 - 
 
86 
          <FormErrorFeedback>{errors.industry_id.message}</FormErrorFeedback>
 - 
 
87 
        )}
 - 
 
88 
      </div>
 - 
 
89 
 
 - 
 
90 
      <div className='form-group'>
 - 
 
91 
        <select
 80 
        name='company_size_id'
92 
          name='company_size_id'
 81 
        options={companySizes}
93 
          ref={register({
 82 
        control={control}
94 
            required: labels.select_company_size
 - 
 
95 
          })}
 - 
 
96 
        >
 - 
 
97 
          <option value='' hidden>
 - 
 
98 
            {labels.company_size}
 - 
 
99 
          </option>
 - 
 
100 
          {companySizes.map(({ name, value }) => (
 - 
 
101 
            <option value={value} key={value}>
 - 
 
102 
              {name}
 - 
 
103 
            </option>
 - 
 
104 
          ))}
 - 
 
105 
        </select>
 - 
 
106 
        {errors.company_size_id && (
 - 
 
107 
          <FormErrorFeedback>
 83 
        rules={{ required: labels.select_company_size }}
108 
            {errors.company_size_id.message}
 - 
 
109 
          </FormErrorFeedback>
 - 
 
110 
        )}
 84 
        error={errors.company_size_id?.message}
111 
      </div>
 85 
      />
112 
    </Modal>
 86 
    </Modal>
113 
  )
 87 
  )
Línea 114... Línea 88...
114 
}
 88 
}