[Olabsy19]

Overview

This PR surfaces a clear warning when the connected wallet's Stellar network passphrase does not match the app's configured network. Instead of letting users hit confusing transaction simulation errors, the UI now detects the mismatch and prompts them to switch networks in their wallet.

Related Issue

Changes

🌐 Network Mismatch Detection

• [MODIFY] lib/network-config.ts

  • Exposes the app's expected network passphrase so it can be compared against the wallet's active network.

• [MODIFY] contexts/WalletContext.tsx

  • Compares the wallet-reported network passphrase with the app configuration and exposes a mismatch flag/state to consumers.

• [MODIFY] components/ConnectButton.tsx

  • Displays a warning when the wallet is connected to the wrong Stellar network and shows a "Switch to Testnet" modal guiding the user to change networks in their wallet.

• [MODIFY] components/NetworkBadge.tsx

  • Reflects the mismatch state so the active network is clearly indicated alongside the warning.

Verification Results

Manual check:
✅ Connecting on Mainnet while app is in Testnet mode triggers the mismatch warning
✅ "Switch to Testnet" modal is shown from the ConnectButton
✅ NetworkBadge reflects the mismatched network state

Acceptance Criteria	Status
Warning is displayed when wallet is on the wrong Stellar network	✅ Mismatch detected via passphrase comparison in WalletContext
User is prompted to switch networks before submitting transactions	✅ "Switch to Testnet" modal shown from ConnectButton
Active network is clearly indicated	✅ NetworkBadge reflects mismatch state

Closes #793

[drips-wave]

@Olabsy19 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits