oxidecomputer / oxidecomputer/console
Offline banner
Open
Nobody has claimed this yet.
polish
- Dominant language
- TypeScript
- Stars
- 228
- Forks
- 22
- Avg merge
- 19h 42m
- Merged PRs (30d)
- 32
Description
Low priority but also extremely easy. Turns out we can trivially tell when the network connection is down.
import { onlineManager } from '@tanstack/react-query'
// ...
{!onlineManager.isOnline() && <OfflineError />}
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start from the TypeScript/JSX location where the application renders its status or error UI, and check how @tanstack/react-query's onlineManager is available. Use the issue's condition to show OfflineError when the connection is offline. Done means the offline banner appears offline and is absent when online; the issue names no file or test.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100