Proyectos de Subversion LeadersLinked - SPA

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

import { CKEDITOR_OPTIONS } from '@app/utils'
import { ParadigmsContext } from '@app/contexts/paradigms'
import Modal from '@app/components/UI/modal/Modal'

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
        config={CKEDITOR_OPTIONS}
        onLoaded={register('paradigm')}
        onChange={(e) => setValue('description', e.editor.getData())}
      />
      {errors.paradigm && <p>{errors.paradigm.message}</p>}
    </Modal>
  )
}