import metamaskLogo from '@cardstack/web-client/images/logos/metamask-logo.svg';
import walletConnectLogo from '@cardstack/web-client/images/logos/wallet-connect-logo.svg';

export type WalletProviderId = 'metamask' | 'wallet-connect';
export interface WalletProvider {
  id: WalletProviderId;
  name: string;
  logo: string;
}

const walletProviders: WalletProvider[] = [
  {
    id: 'metamask',
    name: 'MetaMask',
    logo: metamaskLogo,
  },
  {
    id: 'wallet-connect',
    name: 'WalletConnect',
    logo: walletConnectLogo,
  },
];

export default walletProviders;

import metamaskLogo from '@cardstack/web-client/images/logos/metamask-logo.svg';
import walletConnectLogo from '@cardstack/web-client/images/logos/wallet-connect-logo.svg';

export interface WalletProvider {
  id: string;
  name: string;
  logo: string;
}

const walletProviders: WalletProvider[] = [
  {
    id: 'metamask',
    name: 'MetaMask',
    logo: metamaskLogo,
  },
  {
    id: 'wallet-connect',
    name: 'WalletConnect',
    logo: walletConnectLogo,
  },
];

export default walletProviders;

--- 
+++ 
@@ -1,8 +1,9 @@
 import metamaskLogo from '@cardstack/web-client/images/logos/metamask-logo.svg';
 import walletConnectLogo from '@cardstack/web-client/images/logos/wallet-connect-logo.svg';
 
+export type WalletProviderId = 'metamask' | 'wallet-connect';
 export interface WalletProvider {
-  id: string;
+  id: WalletProviderId;
   name: string;
   logo: string;
 }
Make WalletProvider id typing stricter
