Skip to content

Add network status indicator to header#185

Merged
Mosas2000 merged 2 commits intomainfrom
feature/network-status-indicator
Feb 26, 2026
Merged

Add network status indicator to header#185
Mosas2000 merged 2 commits intomainfrom
feature/network-status-indicator

Conversation

@Mosas2000
Copy link
Copy Markdown
Owner

Summary

Show which Stacks network the app is connected to and whether the API is reachable.

Changes

  • Config: Export NETWORK_NAME constant
  • Header: Add network badge with colored health indicator
    • Green dot: API reachable
    • Red dot: API unreachable
    • Yellow dot (pulsing): Checking status
    • Network label: Mainnet/Testnet/Devnet
  • Health check polls /v2/info every 30 seconds

Closes #76

Export NETWORK_NAME constant from contracts config so components
can display the current Stacks network (mainnet/testnet/devnet).
Display the current Stacks network name with a colored dot showing
API reachability. Green when the Hiro API responds, red when
unreachable, yellow while checking. Health check runs every 30
seconds with a 5-second timeout.
@Mosas2000 Mosas2000 merged commit c4c1b6b into main Feb 26, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

No connection status indicator for the Stacks network in the header

1 participant