Proyectos de Subversion LeadersLinked - SPA

import React, { useContext } from 'react'
import { useForm } from 'react-hook-form'

import { PurposesContext } from '@app/providers/purposes'

import Modal from '@app/components/UI/modal/Modal'
import Input from '@app/components/UI/inputs/Input'
import CKEditor from '@app/components/UI/Ckeditor'

export default function PurposesModal() {
  const { toggleModal, showModal, addPurpose } = useContext(PurposesContext)

  const {
    control,
    handleSubmit,
    formState: { errors }
  } = useForm({
    defaultValues: {
      title: '',
      description: ''
    }
  })

  const onSubmit = handleSubmit((purpose) => addPurpose(purpose))

  return (
    <Modal
      show={showModal}
      title='Propósito'
      onClose={toggleModal}
      onAccept={onSubmit}
    >
      <Input
        name='title'
        label='Titulo'
        placeholder='Escribe tu propósito'
        control={control}
        rules={{ required: 'Este campo es requerido' }}
        error={errors.purpose?.message}
      />

      <CKEditor
        name='description'
        label='Descripción'
        control={control}
        rules={{ required: 'Este campo es requerido' }}
        error={errors.description?.message}
      />
    </Modal>
  )
}