Show offline banner when internet disconnects 📶
Los mantenedores suelen responder en 2 días
@yashTomar272 ya está trabajando en esto.
Desde el 3/9/2026.
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- Menos de una hora
- Aptitud para principiantes
- 85/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Tranquilo
- Stack tecnológico
- javascript, react, tailwindcss
- Área
- frontend
Línea de trabajo
Empieza por el punto de entrada indicado, client/src/App.jsx, y comprueba cómo indica actualmente la navbar el estado en línea. Añade allí el banner global de desconexión usando los eventos de conexión y desconexión descritos en el issue. Se considerará terminado cuando el banner aparezca sin conexión y desaparezca al volver a conectarse.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Show offline banner when internet disconnects 📶
File: client/src/App.jsx
App has online/offline indicator in navbar 💀
But no full banner warning when offline fr!!
Fix: add global offline banner in App.jsx:
const [isOnline, setIsOnline] = useState(navigator.onLine)
useEffect(() => {
window.addEventListener('online', () => setIsOnline(true))
window.addEventListener('offline', () => setIsOnline(false))
}, [])
{!isOnline && (
📶 You're offline — changes won't be saved until you reconnect! )}~10 lines! App.jsx is clean new file 🎯
No backend needed!!
- Lenguaje dominante
- JavaScript
- Estrellas
- 39
- Forks
- 105
- Merge medio
- 1 d 12 h
- PR fusionados (30 d)
- 27
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de anoopcodehack/DevBoard
-
good first issue
Dificultad 1/5 1-3 horas Aptitud para principiantes 88/100
anoopcodehack/DevBoard#589 ·
Los mantenedores suelen responder en 2 días
-
Import tasks from CSV file 📤Abiertoenhancement good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
anoopcodehack/DevBoard#588 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
anoopcodehack/DevBoard#587 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
anoopcodehack/DevBoard#586 ·
Los mantenedores suelen responder en 2 días
-
good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
anoopcodehack/DevBoard#584 ·
Los mantenedores suelen responder en 2 días
Todos los issues de anoopcodehack/DevBoard
Issues similares
-
Bump Firebase JS SDK (12.19.0 → 13.0.0)Posiblemente ocupada @SelaseKay la tomó hoy. AbiertoNeeds Attention type: enhancement
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
invertase/react-native-firebase#9364 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 67/100
tchiotludo/akhq#3307 · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 1-3 horas Aptitud para principiantes 90/100
DietrichGebert/ponytail#1063 ·
Los mantenedores suelen responder en 3 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
zen-browser/desktop#15809 · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100