Show offline banner when internet disconnects 📶
Mantenedores costumam responder em até 1 dia
@yashTomar272 já está trabalhando nisso.
Desde 3/9/2026.
Avaliação
- Dificuldade
- 1/5
- Tempo estimado
- Menos de uma hora
- Facilidade para iniciantes
- 85/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Pouca atividade
- Stack de tecnologia
- javascript, react, tailwindcss
- Domínio
- frontend
Direção de pesquisa
Comece pelo ponto de entrada indicado, client/src/App.jsx, e verifique como a navbar indica atualmente o status online. Adicione ali o banner global de offline usando os eventos online/offline descritos na issue. O trabalho estará concluído quando o banner aparecer enquanto estiver offline e desaparecer após a reconexão.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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!!
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 18h
- PRs com merge (30d)
- 31
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de anoopcodehack/DevBoard
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
anoopcodehack/DevBoard#609 ·
Mantenedores costumam responder em até 1 dia
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
anoopcodehack/DevBoard#608 ·
Mantenedores costumam responder em até 1 dia
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
anoopcodehack/DevBoard#607 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
anoopcodehack/DevBoard#599 ·
Mantenedores costumam responder em até 1 dia
-
documentation good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#598 ·
Mantenedores costumam responder em até 1 dia
Todas as issues de anoopcodehack/DevBoard
Issues semelhantes
-
Add: CNC Region Calima [CO]Abertachannels:add check:passed
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
Mantenedores costumam responder em até 9 dias
-
documentation
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
githubnext/gh-aw-workshop#4496 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
swc-project/swc#12516 ·
Mantenedores costumam responder em até 1 dia
-
Opening Files on a demo drive logs you outTalvez já em andamento @RChang06 assumiu hoje. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
Mantenedores costumam responder em até 2 dias
-
feature-request
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
omegaup/omegaup#10323 · 1 comentário ·
Mantenedores costumam responder em até 5 dias