From 38e5f96dcdea8f8cfe60cff0214445e09bfbcbc6 Mon Sep 17 00:00:00 2001
From: Thiendekaco <thienguo@gmail.com>
Date: Thu, 16 May 2024 23:23:53 +0700
Subject: [PATCH] Update version walletConnect custom option

---
 packages/core/src/index.ts        | 8 +++-----
 packages/core/src/types.ts        | 4 ++--
 packages/demo/src/web3-onboard.ts | 8 +++++++-
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index cfa24c1b6..b6babc6eb 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -110,7 +110,7 @@ function init(options: InitOptions): OnboardAPI {
     disableFontDownload,
     unstoppableResolution,
     chainsPolkadot,
-    projectId
+    wcConfigOption
   } = options
 
 
@@ -128,11 +128,9 @@ function init(options: InitOptions): OnboardAPI {
   initI18N(i18n)
   addChains(chainIdToHex(chains).concat(chainsPolkadot))
 
-  if(projectId){
+  if(wcConfigOption?.projectId){
     const modalWC = new WalletConnectModal(
-      {
-        projectId
-      });
+      {...wcConfigOption});
 
     qrModalConnect$.next({
       isOpen: false,
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 9c59ed7c9..7a3420076 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -18,6 +18,7 @@ import type { TransactionPreviewAPI } from '@subwallet-connect/transaction-previ
 import type en from './i18n/en.json'
 import type { EthereumTransactionData, Network } from 'bnc-sdk'
 import type { Signer } from  '@polkadot/types/types';
+import type { WalletConnectModalConfig } from '@walletconnect/modal/dist/_types/src/client';
 
 export interface InitOptions {
   /**
@@ -87,8 +88,7 @@ export interface InitOptions {
    */
   unstoppableResolution?: typeof unstoppableResolution,
 
-  projectId?: string,
-
+  wcConfigOption ?: WalletConnectModalConfig
 
   chainsPolkadot: Chain[]
 
diff --git a/packages/demo/src/web3-onboard.ts b/packages/demo/src/web3-onboard.ts
index 0bc02cbd6..9d7fa5055 100644
--- a/packages/demo/src/web3-onboard.ts
+++ b/packages/demo/src/web3-onboard.ts
@@ -57,6 +57,9 @@ const walletConnect = walletConnectModule({
   projectId: '59b5826141a56b204e9e0a3f7e46641d',
   dappUrl: 'https://w3o-demo.subwallet.app/'
 })
+const subwalletWCIds = '9ce87712b99b3eb57396cc8621db8900ac983c712236f48fb70ad28760be3f6a';
+const coinbaseWCIds = 'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa';
+const metamaskWCIds = 'c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96'
 
 export default init({
   theme: "dark",
@@ -72,7 +75,10 @@ export default init({
       enabled: false
     }
   },
-  projectId : '59b5826141a56b204e9e0a3f7e46641d',
+  wcConfigOption: {
+    projectId: '59b5826141a56b204e9e0a3f7e46641d',
+    explorerRecommendedWalletIds: [subwalletWCIds, coinbaseWCIds, metamaskWCIds]
+  },
 
   // An array of wallet modules that you would like to be presented to the user to select from when connecting a wallet.
   wallets: [