+ {([nombre]) => {
+ const clases = createMemo(() => {
+ const vAnio = anioActual();
+ return css(
+ estilosGlobales.contenedor,
+ estilosGlobales.inlineBlock,
+ estilosGlobales.contenedorCursor,
+ estilosGlobales.contenedorCursorSoft,
+ nombre === vAnio && estilosGlobales.contenedorCursorActivo
+ );
+ });
+
+ return
setAnioActual(nombre)}>
{nombre}
- }
+ }}
;
+ const dataTabla = createMemo(() => {
+ return props.data.años[anioActual()];
+ });
+
return
{elAnios}
-
;
}
diff --git a/src/ContenedorHorarios/MiHorario.tsx b/src/ContenedorHorarios/MiHorario.tsx
index 3a709b0..033f29c 100644
--- a/src/ContenedorHorarios/MiHorario.tsx
+++ b/src/ContenedorHorarios/MiHorario.tsx
@@ -50,7 +50,7 @@ export function MiHorario() {
e.horario,
estilosGlobales.contenedor
)}>
-
+
;
}
diff --git a/src/ContenedorHorarios/Tabla.tsx b/src/ContenedorHorarios/Tabla.tsx
index 9ad7583..d2d99c3 100644
--- a/src/ContenedorHorarios/Tabla.tsx
+++ b/src/ContenedorHorarios/Tabla.tsx
@@ -1,7 +1,7 @@
import { StyleSheet, css } from "aphrodite";
-import { For, Show } from "solid-js";
+import { For} from "solid-js";
import { estilosGlobales } from "../Estilos";
-import { mostrarDescansos } from "../Store";
+import { AnioData } from "../types/DatosHorario";
const dias = ["Lunes", "Martes", "Miercoles", "Jueves", "Viernes"];
const horas = [
@@ -34,7 +34,7 @@ const horasDescanso = [
"17:30 - 17:40"
]
-export function Tabla() {
+export function Tabla(props: {data: AnioData}) {
const e = StyleSheet.create({
fila: {
position: "relative",
@@ -61,7 +61,7 @@ export function Tabla() {
top: "-0.75rem"
},
celdaComun: {
- width: "calc((100% - 4rem) / 5)",
+ width: "20%",
textAlign: "center",
padding: "0 0.5rem",
boxSizing: "border-box"
@@ -91,12 +91,7 @@ export function Tabla() {