Gabriela Gómez Hernández
68 lines
2.8 KiB
JavaScript
68 lines
2.8 KiB
JavaScript
import styles from "../../styles/profesores.module.css";
|
|
import Invitado from './invitado';
|
|
import React,{useState} from 'react';
|
|
import { Container, Row, Col,Form,Button } from "react-bootstrap";
|
|
function Registro(){
|
|
const[select,setSelect]=useState("0");
|
|
return(
|
|
<Container>
|
|
<Row className="justify-content-md-center"><Col>
|
|
<div className={`${styles.titulo}`}>REGISTRO DE PROFESORES PARA LA OBTENCIÓN DE MEDALLAS</div>
|
|
</Col></Row>
|
|
<Container className={`${styles.container}`}>
|
|
<Row>
|
|
<Col className={`${styles.texto1}`}>
|
|
<p className="text-end">Nombre:</p>
|
|
<p className="text-end">Número de trabajador:</p>
|
|
<p className="text-end">Adscripción:</p>
|
|
<p className="text-end">Cantidad de invitados:</p>
|
|
</Col>
|
|
<Col className={`${styles.texto2}`}>
|
|
<form>
|
|
<p className="text-start">Gabriela Gómez Hernández</p>
|
|
<p className="text-start">2013050757</p>
|
|
<p className="text-start">Estudiante</p>
|
|
<Container>
|
|
<div className="row justify-content-start">
|
|
<div className="col-2">
|
|
<Form.Select as="select" size="lg" custom onChange={(e)=>{setSelect(e.target.value)}} >
|
|
|
|
<option selected>...</option>
|
|
<option value="0">0</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
</Form.Select>
|
|
</div>
|
|
</div>
|
|
</Container>
|
|
</form>
|
|
</Col>
|
|
</Row>
|
|
|
|
</Container>
|
|
<form>
|
|
{(() => {
|
|
switch(select){
|
|
case "1": return (<><Invitado numero="1" ></Invitado></>);
|
|
case "2": return (<><Invitado numero="1"></Invitado><Invitado numero="2"></Invitado></>
|
|
);
|
|
case "3": return (<><Invitado numero="1"></Invitado><Invitado numero="2"></Invitado><Invitado numero="3"></Invitado></>
|
|
);
|
|
}
|
|
})()}
|
|
|
|
<Row className="justify-content-md-center">
|
|
<Col xs={1}>
|
|
<a href="./registro-exitoso">
|
|
<Button className={`${styles.boton1}`}>Siguiente</Button>
|
|
</a>
|
|
</Col>
|
|
</Row>
|
|
|
|
</form>
|
|
</Container>
|
|
);
|
|
}
|
|
export default Registro;
|
|
//tiene que ser un boton de tipo submit?
|