🐛 mostrar ficha en servidor

enflujo · Feb 28, 2024 · 328d710 · 328d710
1 parent 8c59b76
commit 328d710
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 36 deletions.
diff --git a/src/componentes/Ficha.astro b/src/componentes/Ficha.astro
@@ -143,12 +143,13 @@
 
   const siguiente = document.getElementById('fichaElementoSiguiente') as HTMLSpanElement;
   const anterior = document.getElementById('fichaElementoAnterior') as HTMLSpanElement;
-  const vistaActual = vista.get();
+
   // Cargar ficha anterior o ficha siguiente al hace click en los botones
   siguiente.onclick = () => {
     let lista = [];
     const actual = elementoSeleccionado.get();
     if (!actual) return;
+    const vistaActual = vista.get();
 
     if (vistaActual === 'proyectos') {
       lista = actual.tipo !== 'proyecto' ? datosListas.get()[actual.tipo as keyof Listas] : datosProyectos.get();
@@ -170,6 +171,7 @@
     let lista = [];
     const actual = elementoSeleccionado.get();
     if (!actual) return;
+    const vistaActual = vista.get();
 
     if (vistaActual === 'proyectos') {
       lista = actual.tipo !== 'proyecto' ? datosListas.get()[actual.tipo as keyof Listas] : datosProyectos.get();
@@ -267,6 +269,8 @@
       seccionImagenes.style.display = 'none';
     }
 
+    const vistaActual = vista.get();
+
     if (!vistaActual) return;
     // Llenar el resto de los campos
 

diff --git a/src/utilidades/cerebro.ts b/src/utilidades/cerebro.ts
@@ -1,4 +1,4 @@
-import { atom, map, onMount } from 'nanostores';
+import { atom, map } from 'nanostores';
 import { ordenarListaObjetos, pedirDatos } from './ayudas';
 import type {
   Listas,
@@ -54,6 +54,8 @@ export const nombresListasEgresados = {
 const base = import.meta.env.BASE_URL;
 
 vista.subscribe(async (vistaActual) => {
+  if (!vistaActual) return;
+
   if (vistaActual === 'proyectos') {
     const geoProyectos = await pedirDatos<FeatureCollection<Point>>(`${base}/datosMapa.geo.json`);
     geo.set(geoProyectos);
@@ -79,44 +81,39 @@ vista.subscribe(async (vistaActual) => {
     revisarVariablesURL();
   }
 
-  try {
-    const datosBuscador = await pedirDatos<OpcionBuscadorDatos[]>(`${base}/datosBuscador.json`);
-    const sugerencias = document.getElementById('sugerencias') as HTMLDataListElement;
-    const opciones: ElementoBuscador[] = datosBuscador.map((opcion) => {
-      const elemento = document.createElement('li');
-      elemento.className = 'resultadoBusqueda';
-      elemento.innerText = opcion.nombre;
-
-      elemento.addEventListener('click', () => {
-        sugerencias.classList.remove('visible');
-        let indice;
-
-        if (opcion.tipo)
-          if (opcion.vista !== vistaActual) {
-            const ruta = opcion.vista === 'proyectos' ? base : `${base}/egresados`;
-            actualizarUrl(
-              [
-                { nombre: 'id', valor: opcion.id },
-                { nombre: 'tipo', valor: opcion.tipo }
-              ],
-              true,
-              ruta
-            );
-          } else {
-            actualizarUrl([
+  const datosBuscador = await pedirDatos<OpcionBuscadorDatos[]>(`${base}/datosBuscador.json`);
+  const sugerencias = document.getElementById('sugerencias') as HTMLDataListElement;
+  const opciones: ElementoBuscador[] = datosBuscador.map((opcion) => {
+    const elemento = document.createElement('li');
+    elemento.className = 'resultadoBusqueda';
+    elemento.innerText = opcion.nombre;
+
+    elemento.addEventListener('click', () => {
+      sugerencias.classList.remove('visible');
+
+      if (opcion.tipo)
+        if (opcion.vista !== vistaActual) {
+          const ruta = opcion.vista === 'proyectos' ? base : `${base}/egresados`;
+          actualizarUrl(
+            [
               { nombre: 'id', valor: opcion.id },
               { nombre: 'tipo', valor: opcion.tipo }
-            ]);
-          }
-      });
-
-      return { opcion: elemento, ...opcion };
+            ],
+            true,
+            ruta
+          );
+        } else {
+          actualizarUrl([
+            { nombre: 'id', valor: opcion.id },
+            { nombre: 'tipo', valor: opcion.tipo }
+          ]);
+        }
     });
 
-    opcionesBuscador.set(opciones);
-  } catch (err) {
-    console.error(err);
-  }
+    return { opcion: elemento, ...opcion };
+  });
+
+  opcionesBuscador.set(opciones);
 });
 
 export function filtrarMapa(lugares?: { slug: string; conteo: number }[]) {