Proyectos de Subversion LeadersLinked - SPA

import React, { useContext } from 'react'
import CKEditor from '@app/components/UI/Ckeditor'
import { useForm } from 'react-hook-form'

import { ParadigmsContext } from '@app/contexts/paradigms'
import Modal from '@app/components/UI/modal/Modal'
import FormErrorFeedback from '@app/components/UI/form/FormErrorFeedback'

export default function ParadigmsModal() {
  const { toggleModal, showModal, addParadigm } = useContext(ParadigmsContext)
  const { register, errors, handleSubmit, setValue } = useForm({
    defaultValues: {
      paradigm: ''
    }
  })

  const onSubmit = handleSubmit(({ paradigm }) => addParadigm(paradigm))

  return (
    <Modal
      show={showModal}
      title='Paradigmas'
      onClose={toggleModal}
      onAccept={onSubmit}
    >
      <CKEditor
        onReady={register('paradigm')}
        onChange={(value) => setValue('description', value)}
      />
      {errors.paradigm && (
        <FormErrorFeedback>{errors.paradigm.message}</FormErrorFeedback>
      )}
    </Modal>
  )
}