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>

  )

}