Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1979 Rev 2093
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react'
2
import { useDispatch } from 'react-redux'
2
import { useDispatch } 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'
5
import { axios } from '@app/utils'
Línea 6... Línea 6...
6
import { addNotification } from '../../redux/notification/notification.actions'
6
import { addNotification } from '@app/redux/notification/notification.actions'
7
 
7
 
Línea 8... Línea 8...
8
import Modal from 'components/UI/modal/Modal'
8
import Modal from '../UI/modal/Modal'
9
import FormErrorFeedback from 'components/UI/form/FormErrorFeedback'
9
import Input from '../UI/inputs/Input'
10
 
10
 
Línea 11... Línea 11...
11
const CreateGroupModal = ({ isOpen, onClose }) => {
11
const CreateGroupModal = ({ isOpen, onClose }) => {
12
  const { register, handleSubmit, errors } = useForm()
12
  const { register, handleSubmit, errors } = useForm()
13
  const dispatch = useDispatch()
13
  const dispatch = useDispatch()
-
 
14
 
14
 
15
  const onSubmitHandler = handleSubmit(async (data) => {
15
  const onSubmitHandler = handleSubmit(async (data) => {
16
    const formData = new FormData()
16
    const formData = new FormData()
17
    Object.entries(data).map(([key, value]) => formData.append(key, value))
17
    Object.entries(data).map(([key, value]) => formData.append(key, value))
18
 
Línea 43... Línea 44...
43
      show={isOpen}
44
      show={isOpen}
44
      onClose={onClose}
45
      onClose={onClose}
45
      onReject={onClose}
46
      onReject={onClose}
46
      onAccept={onSubmitHandler}
47
      onAccept={onSubmitHandler}
47
    >
48
    >
48
      <label className='mb-1' htmlFor='name'>
-
 
49
        Nombre del grupo
-
 
50
      </label>
-
 
51
      <input
49
      <Input
52
        type='text'
50
        label='Nombre'
-
 
51
        placeholder='Nombre del grupo'
53
        name='name'
52
        name='name'
54
        id='name'
-
 
55
        ref={register({ required: 'Este campo es requerido' })}
53
        ref={register({ required: 'Este campo es requerido' })}
-
 
54
        error={errors.name?.message}
56
      />
55
      />
57
      {errors.name && (
-
 
58
        <FormErrorFeedback>{errors.name.message}</FormErrorFeedback>
-
 
59
      )}
-
 
60
    </Modal>
56
    </Modal>
61
  )
57
  )
62
}
58
}
Línea 63... Línea 59...
63
 
59