Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect } from 'react'

import { Button, Modal } from 'react-bootstrap'

import { useForm } from 'react-hook-form'

import DescriptionInput from '../../../shared/DescriptionInput'

const OptionModal = ({ show, closeModal, option, onSubmit, optionType }) => {

	const { register, setValue, watch } = useForm()

	useEffect(() => {

		register('text')

	}, [option])

	const submit = (e) => {

		e.preventDefault()

		onSubmit({ ...option, text: watch('text') })

		closeModal()

	}

	return (

		<Modal size="md" onHide={closeModal} show={show}>

			<Modal.Header closeButton>

				<Modal.Title>{`${optionType === 'add' ? 'Agregar' : 'Editar'} opciónF`}</Modal.Title>

			</Modal.Header>

			<form onSubmit={submit}>

				<Modal.Body>

					<div className='form-group'>

						<label className="form-label">Texto</label>

						<DescriptionInput

							defaultValue={option.text}

							name='text'

							onChange={setValue}

						/>

					</div>

				</Modal.Body>

				<Modal.Footer>

					<Button variant="primary" type='submit'>

						Enviar

					</Button>

					<Button variant="danger" onClick={closeModal}>

						Cancelar

					</Button>

				</Modal.Footer>

			</form>

		</Modal >

	)

}

export default OptionModal