Mobile bottom-nav highlight never syncs with the current route

Abierto Apto para principiantes
#55 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
83/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Lee ui/src/components/Navbar.tsx, especialmente las líneas 19–34 y la navegación de escritorio en la línea 87. Sigue cómo pathname determina la pestaña móvil activa en /, en las subrutas de datos y al navegar con el botón de volver o mediante un enlace profundo. El trabajo estará terminado cuando el resaltado móvil se mantenga sincronizado con la ruta actual en esos casos.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug

In ui/src/components/Navbar.tsx:19-21 mobileNavValue is initialized once from PAGES.findIndex(p => p.route === pathname) and only updated inside handleMobileNavChange (lines 28-34). There is no effect syncing it to pathname. On the index route '/' (and on data subroutes like '/data/sleep') findIndex returns -1, so no tab is highlighted, and any navigation that doesn't go through the bottom nav (initial load, back button, deep link) leaves the highlighted tab wrong. The desktop nav (line 87) reads pathname directly and is fine; the mobile nav should do the same or add a useEffect on pathname.


Filed from a repo-wide code audit (working tree at bcad746).

Lenguaje dominante
Rust
Estrellas
0
Forks
0
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de GoogleBot42/podd

Todos los issues de GoogleBot42/podd

Issues similares

Más issues de Rust

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.