Show offline banner when internet disconnects 📶
维护者通常 1 天内回复
@yashTomar272 已经在做这个了。
开始于 2026年9月3日。
评估
- 难度
- 1/5
- 预计耗时
- 1 小时以内
- 新手友好度
- 85/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 冷清
- 技术栈
- javascript, react, tailwindcss
- 领域
- frontend
调研方向
从指定的入口文件 client/src/App.jsx 开始，检查 navbar 当前如何指示在线状态。使用 issue 中描述的在线/离线事件，在那里添加全局离线横幅。离线时横幅显示，并在重新连接后消失，即为完成。
由索引模型根据 Issue 内容生成。
描述
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!!
- 主要语言
- JavaScript
- 星标
- 39
- 派生
- 105
- 平均合并
- 1 天 20 小时
- 30 天内合并 PR
- 28
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
anoopcodehack/DevBoard 的其他 Issue
-
enhancement good first issue
难度 2/5 1-3 小时 新手友好度 68/100
anoopcodehack/DevBoard#588 ·
维护者通常 1 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 82/100
anoopcodehack/DevBoard#587 ·
维护者通常 1 天内回复
-
good first issue
难度 1/5 1 小时以内 新手友好度 90/100
anoopcodehack/DevBoard#586 ·
维护者通常 1 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 65/100
anoopcodehack/DevBoard#584 ·
维护者通常 1 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 85/100
anoopcodehack/DevBoard#583 ·
维护者通常 1 天内回复
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
check:passed feeds:remove
难度 1/5 1 小时以内 新手友好度 65/100
iptv-org/database#37176 · 1 条评论 · 1 个 reaction ·
维护者通常 9 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
hawk-digital-environments/HAWKI#443 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
维护者通常 1 天内回复
-
feedback simulation workshop
难度 2/5 1-3 小时 新手友好度 66/100
githubnext/gh-aw-workshop#4370 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 68/100
AltimateAI/vscode-dbt-power-user#2089 ·