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>

  )

}