Feat/ethers export (#1913)

reown-com · Feb 13, 2024 · 1dcdaf3 · 1dcdaf3
1 parent 5ae6766
commit 1dcdaf3
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 3 deletions.
diff --git a/packages/core/src/utils/CoreHelperUtil.ts b/packages/core/src/utils/CoreHelperUtil.ts
@@ -138,7 +138,7 @@ export const CoreHelperUtil = {
       }
     }
 
-    return formattedBalance ? `${formattedBalance} ${symbol ?? ''}` : '0.000'
+    return formattedBalance ? `${formattedBalance} ${symbol ?? ''}` : `0.000 ${symbol ?? ''}`
   },
 
   formatBalance2(balance: string | undefined, symbol: string | undefined) {

diff --git a/packages/ethers/exports/react.tsx b/packages/ethers/exports/react.tsx
@@ -49,6 +49,16 @@ export function useDisconnect() {
   }
 }
 
+export function useSwitchNetwork() {
+  async function switchNetwork(chainId: number) {
+    await modal?.switchNetwork(chainId)
+  }
+
+  return {
+    switchNetwork
+  }
+}
+
 export function useWeb3ModalAccount() {
   const { address, isConnected, chainId } = useSnapshot(EthersStoreUtil.state)
 

diff --git a/packages/ethers/exports/vue.ts b/packages/ethers/exports/vue.ts
@@ -56,6 +56,16 @@ export function useDisconnect() {
   }
 }
 
+export function useSwitchNetwork() {
+  async function switchNetwork(chainId: number) {
+    await modal?.switchNetwork(chainId)
+  }
+
+  return {
+    switchNetwork
+  }
+}
+
 export function useWeb3ModalAccount() {
   if (!modal) {
     throw new Error('Please call "createWeb3Modal" before using "useWeb3ModalAccount" composition')

diff --git a/packages/ethers/src/client.ts b/packages/ethers/src/client.ts
@@ -860,13 +860,14 @@ export class Web3Modal extends Web3ModalScaffold {
         if (jsonRpcProvider) {
           const balance = await jsonRpcProvider.getBalance(address)
           const formattedBalance = formatEther(balance)
+
           this.setBalance(formattedBalance, chain.currency)
         }
       }
     }
   }
 
-  private async switchNetwork(chainId: number) {
+  public async switchNetwork(chainId: number) {
     const provider = EthersStoreUtil.state.provider
     const providerType = EthersStoreUtil.state.providerType
     if (this.chains) {

diff --git a/packages/ethers5/exports/react.tsx b/packages/ethers5/exports/react.tsx
@@ -49,6 +49,16 @@ export function useDisconnect() {
   }
 }
 
+export function useSwitchNetwork() {
+  async function switchNetwork(chainId: number) {
+    await modal?.switchNetwork(chainId)
+  }
+
+  return {
+    switchNetwork
+  }
+}
+
 export function useWeb3ModalAccount() {
   const { address, isConnected, chainId } = useSnapshot(EthersStoreUtil.state)
 

diff --git a/packages/ethers5/exports/vue.ts b/packages/ethers5/exports/vue.ts
@@ -58,6 +58,16 @@ export function useDisconnect() {
   }
 }
 
+export function useSwitchNetwork() {
+  async function switchNetwork(chainId: number) {
+    await modal?.switchNetwork(chainId)
+  }
+
+  return {
+    switchNetwork
+  }
+}
+
 export function useWeb3ModalAccount() {
   if (!modal) {
     throw new Error('Please call "createWeb3Modal" before using "useWeb3ModalAccount" composition')

diff --git a/packages/ethers5/src/client.ts b/packages/ethers5/src/client.ts
@@ -799,7 +799,7 @@ export class Web3Modal extends Web3ModalScaffold {
     }
   }
 
-  private async switchNetwork(chainId: number) {
+  public async switchNetwork(chainId: number) {
     const provider = EthersStoreUtil.state.provider
     const providerType = EthersStoreUtil.state.providerType
     if (this.chains) {