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}>
                                                {
                                                        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