Fixed Wallet Address Issue

[chiscookeke11]

Fix wallet address display and connection state management

Closes: #108

Problem

The wallet address was not properly displayed when connected and not properly cleared when disconnected, leading to inconsistent UI state and poor user experience.

Solution

Implemented proper wallet connection state management using Starknet React library to ensure wallet address is correctly displayed and managed throughout the application lifecycle.

Changes Made

1. Dependencies

• Installed starknet-react library for robust wallet connection management

2. Context Setup

• Added Starknet provider context to manage wallet state globally
• Wrapped the main layout with the provider to ensure wallet state is available throughout the app

3. Component Updates

• WalletModal: Updated to properly handle wallet connection/disconnection events
• Toast Reports: Modified to show appropriate feedback for wallet state changes
• Navbar: Updated to display wallet address when connected and clear it when disconnected

4. State Management

• Wallet address now properly displays when wallet is connected
• Wallet address is automatically removed when wallet is disconnected
• Consistent state management across all components

Testing

• Wallet connects and displays address correctly
• Wallet disconnects and clears address properly
• Toast notifications work for connection state changes
• Navbar updates reflect current wallet state

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
shadow-chat	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 1, 2025 3:28pm