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>

  )

}