Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[Audit] Live "claimable amount" ticker keeps running every second while the tab is backgrounded

Cerrado Apto para principiantes
#1,242 6 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 7 días

@omoh5 ya está trabajando en esto.

Desde el 29/8/2026.

  • #1379 de @omoh5 — fusionado

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
73/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Tranquilo
Stack tecnológico
nextjs, typescript

Línea de trabajo

Lee frontend/src/app/streams/[id]/stream-details-content.tsx alrededor de las líneas 155–181 y compáralo con frontend/src/hooks/useStreamingAmount.ts alrededor de las líneas 66–104. Comprueba las pruebas existentes y ejecuta la suite de pruebas pertinente; añade o actualiza una prueba que alterne la visibilidad. Se considera terminado cuando no se realizan llamadas a updateClaimable mientras document.hidden es true.

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

Descripción

enhancement frontend second-wave-audit Stellar Wave

Filed from the second-wave repository audit (issue 40/100). See the audit summary for full category context.

  • Location: frontend/src/app/streams/[id]/stream-details-content.tsx:155-181
  • Problem: Uses setInterval(updateClaimable, 1000) with no document.hidden guard, unlike the more efficient useStreamingAmount hook (frontend/src/hooks/useStreamingAmount.ts:66-104), which uses requestAnimationFrame and explicitly skips work while backgrounded.
  • Evidence: Plain setInterval with no visibility-change listener, versus the existing rAF+visibility-aware hook already in the codebase.
  • Suggested implementation: Replace the inline interval with the existing useStreamingAmount hook (also resolves Architecture #D-dup below), or add the same visibility guard if it must stay separate.
  • Acceptance criteria: No updateClaimable calls occur while document.hidden is true, verified in a test toggling visibility.
  • Difficulty: S
  • Expected impact: Reduces unnecessary CPU/battery use on backgrounded tabs, which is common for a page users leave open to "watch" a stream.
Lenguaje dominante
TypeScript
Estrellas
18
Forks
250
Merge medio
5 d 6 h
PR fusionados (30 d)
83

Preparar el entorno

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 LabsCrypt/flowfi

Todos los issues de LabsCrypt/flowfi

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.