Skip to content

Network indicator + wrong-network detection #53

Description

@truthixify

Tier: S (½-1 day) Type: feature

Context

good-first-issue

Scope

Wallet network mismatches break the app silently. Show the current network in the header and warn loudly when wallet is on the wrong network.

Acceptance criteria

  • Header badge: chain + network ("Stellar Testnet", green for correct, yellow/red for mismatch)
  • Sticky banner when wallet ≠ expected network with switch instructions
  • Disable Send/Receive/Withdraw buttons during mismatch
  • Mainnet warning if wallet on mainnet but app on testnet

Files to start with

  • Network badge visible across all pages
  • Mismatch banner with action button
  • Reactive on wallet network change
  • Mainnet warning louder than testnet mismatch
  • Playwright test for the mismatch flow

Why this matters

  • src/components/Header.tsx
  • src/context/StellarWalletContext.tsx
  • src/config.ts

Metadata

Metadata

Labels

Stellar WaveIssues in the Stellar wave programdripsFunded via Drips NetworkfeatureNew feature workhelp wantedExtra attention is neededstellarTouches Stellar / Soroban codeuxUser experience

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions