Add closeModalAfterSwitchingNetwork. (#84)

* feat: Setting `reloadOnDisconnect` = false in default for coinbaseWallet * docs: Add changeset log * feat: Add `closeModalAfterSwitchingNetwork`
node-real · Dec 18, 2023 · a6de228 · a6de228
1 parent 00527b8
commit a6de228
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 4 deletions.
diff --git a/.changeset/fifty-fans-ring.md b/.changeset/fifty-fans-ring.md
@@ -0,0 +1,5 @@
+---
+'@totejs/walletkit': patch
+---
+
+Add `closeModalAfterSwitchingNetwork`.
diff --git a/packages/walletkit/src/components/WalletKitProvider/context.ts b/packages/walletkit/src/components/WalletKitProvider/context.ts
@@ -16,6 +16,7 @@ export interface WalletKitOptions {
   hideOfficialWalletConnectCTA?: boolean;
 
   closeModalAfterConnected?: boolean;
+  closeModalAfterSwitchingNetwork?: boolean;
   closeModalOnEsc?: boolean;
   closeModalOnOverlayClick?: boolean;
 

diff --git a/packages/walletkit/src/defaultConfig/getDefaultProviderOptions.ts b/packages/walletkit/src/defaultConfig/getDefaultProviderOptions.ts
@@ -11,6 +11,7 @@ export function getDefaultProviderOptions(options: WalletKitOptions) {
     hideNoWalletCTA: false,
     hideOfficialWalletConnectCTA: false,
 
+    closeModalAfterSwitchingNetwork: false,
     closeModalAfterConnected: true,
     closeModalOnEsc: true,
     closeModalOnOverlayClick: true,

diff --git a/packages/walletkit/src/pages/SwitchNetwork/index.tsx b/packages/walletkit/src/pages/SwitchNetwork/index.tsx
@@ -18,10 +18,18 @@ import {
 import { ModalFooter } from '@/base/components/Modal/ModalFooter';
 
 export function SwitchNetworkPage() {
-  const { supportedChains, log } = useWalletKitContext();
-  const { isLoading, switchNetwork, pendingChainId } = useWalletKitSwitchNetwork();
+  const { supportedChains, log, options } = useWalletKitContext();
+
   const { chain } = useNetwork();
-  const { isClosable } = useModal();
+  const { isClosable, onClose } = useModal();
+
+  const { isLoading, switchNetwork, pendingChainId } = useWalletKitSwitchNetwork({
+    onSuccess() {
+      if (options.closeModalAfterSwitchingNetwork) {
+        onClose();
+      }
+    },
+  });
 
   const onSwitchNetwork = (chainId: number) => {
     log('[switch network page]', 'switchNetwork:', switchNetwork, ', isLoading:', isLoading);

diff --git a/packages/walletkit/src/wallets/coinbaseWallet/index.tsx b/packages/walletkit/src/wallets/coinbaseWallet/index.tsx
@@ -39,7 +39,7 @@ export function coinbaseWallet(props: CoinbaseWalletProps = {}): WalletProps {
         options: {
           appName,
           headlessMode: true,
-          reloadOnDisconnect: false,
+          // reloadOnDisconnect: false,
           ...connectorOptions,
         },
       });

diff --git a/website/src/pages/index.mdx b/website/src/pages/index.mdx
@@ -411,6 +411,7 @@ interface WalletKitOptions {
   hideOfficialWalletConnectCTA?: boolean;
 
   closeModalAfterConnected?: boolean;
+  closeModalAfterSwitchingNetwork?: boolean;
   closeModalOnEsc?: boolean;
   closeModalOnOverlayClick?: boolean;