IO420
43 lines
1.0 KiB
TypeScript
43 lines
1.0 KiB
TypeScript
"use client";
|
|
import SearchDate from "../SearchDate/SearchDate";
|
|
import { useState } from "react";
|
|
|
|
import styles from "./Page.module.css";
|
|
|
|
interface alumnos {
|
|
tiempo_entrada: string;
|
|
tiempo_asignado: string;
|
|
Ubicacion_equipo: number;
|
|
}
|
|
|
|
function BitacoraAlumno() {
|
|
const [alumnos, setAlumnos] = useState<alumnos[]>([]);
|
|
return (
|
|
<>
|
|
<SearchDate />
|
|
<div className={styles.tableContainer} style={{marginTop:"1rem"}}>
|
|
<table className={styles.machineTable}>
|
|
<thead>
|
|
<tr>
|
|
<th>Tiempo Entrada</th>
|
|
<th>Tiempo Asignado</th>
|
|
<th>Ubicacion del equipo</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{alumnos.map((alumno, index) => (
|
|
<tr key={index}>
|
|
<td>{alumno.tiempo_entrada}</td>
|
|
<td>{alumno.tiempo_asignado}</td>
|
|
<td>{alumno.Ubicacion_equipo}</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default BitacoraAlumno;
|