Show offline banner when internet disconnects 📶
Les mainteneurs répondent en général sous 2 jours
@yashTomar272 y travaille déjà.
Depuis le 3/9/2026.
Évaluation
- Difficulté
- 1/5
- Temps estimé
- Moins d'une heure
- Accessibilité débutants
- 85/100
- Type d'issue
- Fonctionnalité
- Clarté
- Clairement spécifiée
- Activité
- Calme
- Stack technique
- javascript, react, tailwindcss
- Domaine
- frontend
Piste de recherche
Commencez par le point d’entrée indiqué, client/src/App.jsx, et vérifiez comment la navbar indique actuellement l’état en ligne. Ajoutez-y la bannière globale hors ligne en utilisant les événements en ligne/hors ligne décrits dans l’issue. Le travail est terminé lorsque la bannière apparaît hors ligne et disparaît après la reconnexion.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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!!
- Langage dominant
- JavaScript
- Étoiles
- 39
- Forks
- 105
- Merge moyen
- 1 j 12 h
- PR mergées (30 j)
- 27
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Aucun modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de anoopcodehack/DevBoard
-
good first issue
Difficulté 1/5 1-3 heures Accessibilité débutants 88/100
anoopcodehack/DevBoard#589 ·
Les mainteneurs répondent en général sous 2 jours
-
Import tasks from CSV file 📤Ouverteenhancement good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
anoopcodehack/DevBoard#588 ·
Les mainteneurs répondent en général sous 2 jours
-
good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
anoopcodehack/DevBoard#587 ·
Les mainteneurs répondent en général sous 2 jours
-
good first issue
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
anoopcodehack/DevBoard#586 ·
Les mainteneurs répondent en général sous 2 jours
-
good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
anoopcodehack/DevBoard#584 ·
Les mainteneurs répondent en général sous 2 jours
Toutes les issues de anoopcodehack/DevBoard
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 66/100
Les mainteneurs répondent en général sous 3 jours
-
audit.md numbers Theming and Responsive Design differently in the headings and the score tablePeut-être pris @pbakaus l’a pris aujourd’hui. Ouverteneeds triage
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
pbakaus/impeccable#979 ·
Les mainteneurs répondent en général sous 1 jour
-
area/web interface
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
mastodon/mastodon#40924 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
fireEvent.select does not wrap its automatic native focus in actPeut-être pris @sergioperezcheco l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
-
bug user-priority/P2
Difficulté 1/5 Moins d'une heure Accessibilité débutants 92/100
Les mainteneurs répondent en général sous 1 jour