Skip to content

"Add chain" button in the header#3084

Merged
tom2drum merged 15 commits intomainfrom
tom2drum/issue-2943
Nov 17, 2025
Merged

"Add chain" button in the header#3084
tom2drum merged 15 commits intomainfrom
tom2drum/issue-2943

Conversation

@tom2drum
Copy link
Copy Markdown
Collaborator

@tom2drum tom2drum commented Oct 30, 2025

Description and Related Issue(s)

Resolves #2943

This PR enhances the "Add chain" button visibility and functionality in the header. The button now features wallet-specific styling with colored icons, is hidden when the wallet is already connected to the chain, and supports detection for multiple browser wallets including Metamask, OKX Wallet, Trust Wallet, Coinbase Wallet, and Rabby.

Proposed Changes

  • Enhanced "Add chain" button: Wallet-specific styling with colored borders and icons for each supported wallet type
  • EIP-6963 integration: Implemented EIP-6963 (Wallet Discovery) standard support for better wallet detection across different browser wallets
  • Improved wallet detection: Enhanced wallet detection logic to differentiate between active browser wallets (Metamask, OKX, Trust, Coinbase, Rabby)
  • Top bar integration: Button moved to top bar with improved spacing and visual hierarchy using HStack component
  • Updated default value for NEXT_PUBLIC_WEB3_WALLETS variable to [ 'metamask', 'rabby', 'coinbase', 'trust', 'okx', 'token_pocket' ]

@tom2drum tom2drum changed the title UI/UX: Highlight and improve 'Add chain' button in header "Add chain" button in the header Oct 30, 2025
@tom2drum tom2drum merged commit 59ff127 into main Nov 17, 2025
11 checks passed
@tom2drum tom2drum deleted the tom2drum/issue-2943 branch November 17, 2025 17:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

"Add chain" button in the header

3 participants