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