Sly777/ran

Connection Indicator [feature request]

Open

#154 opened on Sep 8, 2017

View on GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (2,203 stars) (180 forks)batch import
enhancementhelp wanted

Description

Would be great to have a connection indicator in this boilerplate so users can be notified that they are offline (and let them know what is going to happen with their data). I believe this is a nice feature and pretty common UX requirement for any interactive app. But this will require implementing another feature like Notifications, i.e. flash messages generally used as confirmation of some action result (success/error).

Contributor guide

Tech stack
reactgraphqlnextjsnodejs
Domain
frontendbackend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic ReactUnderstanding of offline/online events
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Review the current repository codebase to see if any notification or flash message components exist. Explore usage of navigator.onLine and the 'online'/'offline' events to detect connectivity. Check if the project uses any state management (e.g., Redux or React Context) to handle the connection status and trigger UI updates. Look for existing patterns for temporary messages or alerts in the project's component library. Additionally, examine closed PRs or comments for any prior work on this issue.