diff --git a/src/ContenedorHorarios/Horarios.tsx b/src/ContenedorHorarios/Horarios.tsx index 507123a..0c0f8e6 100755 --- a/src/ContenedorHorarios/Horarios.tsx +++ b/src/ContenedorHorarios/Horarios.tsx @@ -17,8 +17,9 @@ interface HorariosProps { } export function Horarios(props: HorariosProps) { - const [anioActual, setAnioActual] = createSignal("1er año"); + // ID que indica cuales celdas resaltar. + const [idHover, setIdHover] = createSignal(""); const elAnios = {([nombre]) => { @@ -68,7 +69,12 @@ export function Horarios(props: HorariosProps) { />
- +
string, setIdHover: (v: string) => string, fnResaltarFila: () => void, @@ -80,21 +93,26 @@ export function CeldaFila(props: Props) { {({id, txt, esLab}) => { const [estabaResaltado, setEstabaResaltado] = createSignal(false); - const clases = createMemo(() => { - const clases = [e.celdaCurso, esLab ? e.celdaCursoLab : e.celdaCursoTeoria]; - let adicional = ""; - if (id === idHover()) { - props.fnResaltarFila(); - clases.push(e.celdaCursoActiva); - adicional = clasesColores[props.dia]; + const clases = createMemo( + () => { + const clases = [e.celdaCurso, esLab ? e.celdaCursoLab : e.celdaCursoTeoria]; + let adicional = ""; + const idHoverS = idHover(); + if (idHoverS !== "" && id.search(idHoverS) !== -1) { + props.fnResaltarFila(); + clases.push(e.celdaCursoActiva); + adicional = clasesColores[props.dia]; - setEstabaResaltado(true); - } else if (estabaResaltado()) { - props.fnDesresaltarFila(); - setEstabaResaltado(false); - } - return css(...clases) + " " + adicional; - }); + setEstabaResaltado(true); + } else if (estabaResaltado()) { + props.fnDesresaltarFila(); + setEstabaResaltado(false); + } + return css(...clases) + " " + adicional; + }, + undefined, + (x, y) => x === y + ); return fnOnMouseEnter(id)} diff --git a/src/ContenedorHorarios/Tabla/FilaTabla.tsx b/src/ContenedorHorarios/Tabla/FilaTabla.tsx index 3a4eba9..a30fe32 100755 --- a/src/ContenedorHorarios/Tabla/FilaTabla.tsx +++ b/src/ContenedorHorarios/Tabla/FilaTabla.tsx @@ -50,8 +50,6 @@ const e = StyleSheet.create({ } }); - -// TODO: Usar un arr en vez de un objeto? const [diasResaltados, setDiasResaltados] = createState({ Lunes: 0, Martes: 0,