Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

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

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

const CONDUCTS_OPTIONS = {

	0: 'No aplica',

	1: 'Uno',

	2: 'Dos',

	3: 'Tres',

	4: 'Cuatro'

}

const ConductModal = ({ isShow, closeModal, onSubmit }) => {

	const { register, watch } = useForm()

	return (

		<Modal size="lg" show={isShow} onHide={closeModal}>

			<Modal.Header closeButton>

				<Modal.Title>Editar Conducta Observable</Modal.Title>

			</Modal.Header>

			<Modal.Body>

				<div className="form-group">

					<label>Nivel</label>

					<select className='form-control' name="level" ref={register}>

						<option value="">No aplica</option>

						{

							Object.entries(CONDUCTS_OPTIONS).map(([key, entry]) =>

								<option

									key={key}

									value={key}

								>

									{entry}

								</option>

							)

						}

					</select>

				</div>

			</Modal.Body>

			<Modal.Footer>

				<Button

					variant="primary"

					onClick={() => onSubmit(watch('level'))}

				>

                    Enviar

				</Button>

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

                    Cancelar

				</Button>

			</Modal.Footer>

		</Modal >

	)

}

export default ConductModal