diff --git a/packages/example-next/components/ConnectWithSelect.tsx b/packages/example-next/components/ConnectWithSelect.tsx index ce5be29..185357d 100644 --- a/packages/example-next/components/ConnectWithSelect.tsx +++ b/packages/example-next/components/ConnectWithSelect.tsx @@ -1,12 +1,13 @@ import type { CoinbaseWallet } from '@web3-react/coinbase-wallet' import type { Web3ReactHooks } from '@web3-react/core' +import { GnosisSafe } from '@web3-react/gnosis-safe' import type { MetaMask } from '@web3-react/metamask' import { Network } from '@web3-react/network' import { WalletConnect } from '@web3-react/walletconnect' import { useCallback, useState } from 'react' import { CHAINS, getAddChainParameters, URLS } from '../chains' -function Select({ +function ChainSelect({ chainId, switchChain, displayDefault, @@ -42,7 +43,7 @@ export function ConnectWithSelect({ error, isActive, }: { - connector: MetaMask | WalletConnect | CoinbaseWallet | Network + connector: MetaMask | WalletConnect | CoinbaseWallet | Network | GnosisSafe chainId: ReturnType isActivating: ReturnType error: ReturnType @@ -74,16 +75,20 @@ export function ConnectWithSelect({ if (error) { return (
- + {!(connector instanceof GnosisSafe) && ( + + )}
@@ -108,19 +115,23 @@ export function ConnectWithSelect({ } else { return (
-