diff --git a/packages/connectkit/src/utils/index.ts b/packages/connectkit/src/utils/index.ts index 159a9a1f7..277382a9e 100644 --- a/packages/connectkit/src/utils/index.ts +++ b/packages/connectkit/src/utils/index.ts @@ -89,6 +89,9 @@ export const isMetaMaskConnector = (connectorId?: string) => export const isCoinbaseWalletConnector = (connectorId?: string) => connectorId === 'coinbaseWalletSDK'; +export const isNarvalConnector = (connectorId?: string) => + !!connectorId?.startsWith('narval-'); + export const isLedgerConnector = (connectorId?: string) => connectorId === 'ledger'; diff --git a/packages/connectkit/src/wallets/useWallets.tsx b/packages/connectkit/src/wallets/useWallets.tsx index 734f7439a..69d8cc92b 100644 --- a/packages/connectkit/src/wallets/useWallets.tsx +++ b/packages/connectkit/src/wallets/useWallets.tsx @@ -3,7 +3,11 @@ import { Connector } from 'wagmi'; import { useConnectors } from '../hooks/useConnectors'; import { walletConfigs, WalletConfigProps } from './walletConfigs'; import { useContext } from '../components/ConnectKit'; -import { isCoinbaseWalletConnector, isInjectedConnector } from '../utils'; +import { + isCoinbaseWalletConnector, + isInjectedConnector, + isNarvalConnector, +} from '../utils'; export type WalletProps = { id: string; @@ -48,7 +52,8 @@ export const useWallets = (): WalletProps[] => { isInstalled: connector.type === 'mock' || (connector.type === 'injected' && connector.id !== 'metaMask') || - isCoinbaseWalletConnector(connector.id), // always run coinbase wallet SDK + isCoinbaseWalletConnector(connector.id) || // always run coinbase wallet SDK + isNarvalConnector(connector.id), // always run narval connect sdk if provided }; if (walletId) {