Fix WalletConnect initial chain issue (#215)

* Fix WalletConnect initial chain issue

* Pass defaultChainId to the connector

* Fix WalletConnect display name

packages/kit/src/config/defaultConnectors.ts

@@ -177,7 +177,8 @@ export const getDefaultWaasConnectors = (options: DefaultWaasConnectorOptions):
 
     wallets.push(
       walletConnect({
-        projectId
+        projectId,
+        defaultNetwork: defaultChainId
       })
     )
   }
@@ -283,7 +284,8 @@ export const getDefaultUniversalConnectors = (options: DefaultUniversalConnector
 
     wallets.push(
       walletConnect({
-        projectId
+        projectId,
+        defaultNetwork: defaultChainId
       })
     )
   }

packages/kit/src/connectors/walletConnect/walletConnect.ts

@@ -1,20 +1,64 @@
+import { createConnector } from 'wagmi'
 import { walletConnect as walletConnectbase, WalletConnectParameters } from 'wagmi/connectors'
 
 import { Wallet } from '../../types'
 
 import { WalletConnectLogo } from './WalletConnectLogo'
 
-export const walletConnect = (options: WalletConnectParameters): Wallet => ({
+interface WalletConnectOptions extends WalletConnectParameters {
+  defaultNetwork?: number
+}
+
+export const walletConnect = (options: WalletConnectOptions): Wallet => ({
   id: 'wallet-connect',
   logoDark: WalletConnectLogo,
   logoLight: WalletConnectLogo,
-  // iconBackground: '#fff',
-  name: 'Walletconnect',
+  name: 'WalletConnect',
   type: 'wallet',
   createConnector: () => {
-    const connector = walletConnectbase({
-      ...options
+    const { defaultNetwork, ...walletConnectOptions } = options
+    const baseConnector = walletConnectbase(walletConnectOptions)
+
+    return createConnector(config => {
+      const connector = baseConnector(config)
+
+      const connect = async (params?: { chainId?: number }) => {
+        const targetChainId = params?.chainId ?? defaultNetwork ?? config.chains[0]?.id
+        if (!targetChainId) {
+          throw new Error('No target chain ID available')
+        }
+
+        if (!connector.connect || !connector.switchChain) {
+          throw new Error('WalletConnect connector not properly initialized')
+        }
+
+        // First establish the basic connection
+        const result = await connector.connect()
+
+        // Only attempt to switch chains if we're not already on the target chain
+        if (result.chainId !== targetChainId) {
+          try {
+            // Switch to the target chain
+            await connector.switchChain({ chainId: targetChainId })
+
+            // Return the connection with the updated chain
+            return {
+              accounts: result.accounts,
+              chainId: targetChainId
+            }
+          } catch (error) {
+            console.warn('Failed to switch chain:', error)
+            return result
+          }
+        }
+
+        return result
+      }
+
+      return {
+        ...connector,
+        connect
+      }
     })
-    return connector
   }
 })