fix: fixed metamask not showing if not present in it

push-protocol · Sep 25, 2023 · 77690ea · 77690ea
1 parent 74b7098
commit 77690ea
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx b/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx
@@ -4,7 +4,7 @@ import coinbaseWalletModule from '@web3-onboard/coinbase'
 import { ConnectButtonSub } from './ConnectButton';
 import { InfuraAPIKey } from '../../../config';
 import { Web3OnboardProvider } from '@web3-onboard/react';
-import injectedModule from '@web3-onboard/injected-wallets';
+import injectedModule, { ProviderLabel } from '@web3-onboard/injected-wallets';
 import walletConnectModule from '@web3-onboard/walletconnect'
 import init from '@web3-onboard/core';
 import { ethers } from 'ethers';
@@ -64,7 +64,9 @@ const chains = [
   }
 ]
 
-const wallets = [injectedModule(), walletConnect,coinbaseWalletSdk]
+const wallets = [injectedModule({
+  displayUnavailable: [ProviderLabel.MetaMask]
+}), walletConnect, coinbaseWalletSdk]
 
 
 const appMetadata = {
@@ -98,7 +100,7 @@ interface IConnectButtonCompProps {
   autoConnect?: boolean;
 }
 
-export const ConnectButtonComp:React.FC<IConnectButtonCompProps> = ({ autoConnect }) => {
+export const ConnectButtonComp: React.FC<IConnectButtonCompProps> = ({ autoConnect }) => {
   return (
     <Web3OnboardProvider web3Onboard={web3OnBoard}>
       <ConnectButtonSub autoConnect={autoConnect} />