diff --git a/apps/marginfi-v2-ui/src/components/common/Wallet/WalletAuthDialog.tsx b/apps/marginfi-v2-ui/src/components/common/Wallet/WalletAuthDialog.tsx index 573df5e045..f53c507628 100644 --- a/apps/marginfi-v2-ui/src/components/common/Wallet/WalletAuthDialog.tsx +++ b/apps/marginfi-v2-ui/src/components/common/Wallet/WalletAuthDialog.tsx @@ -19,6 +19,7 @@ import { IconBrandApple, IconBrandGoogle, IconBraveWallet, + IconCoinbaseWallet, IconPhantomWallet, IconBackpackWallet, IconSolflareWallet, @@ -55,6 +56,7 @@ const socialProviders: { // wallet login options const walletIcons: { [key: string]: React.ReactNode } = { "Brave Wallet": , + "Coinbase Wallet": , Phantom: , Solflare: , Backpack: , @@ -228,7 +230,7 @@ export const WalletAuthDialog = () => {
    {filteredWallets.map((wallet, i) => { const img = walletIcons[wallet.adapter.name] || ( - {wallet.adapter.name} + {wallet.adapter.name} ); return (
  • diff --git a/apps/marginfi-v2-ui/src/components/ui/icons.tsx b/apps/marginfi-v2-ui/src/components/ui/icons.tsx index 27b95d4185..622e7819af 100644 --- a/apps/marginfi-v2-ui/src/components/ui/icons.tsx +++ b/apps/marginfi-v2-ui/src/components/ui/icons.tsx @@ -80,6 +80,35 @@ const IconBraveWallet = ({ size = 24, className }: IconProps) => ( ); +const IconCoinbaseWallet = ({ size = 24, className }: IconProps) => ( + + + + + + + + + + + +); + const IconBrandGoogle = ({ size = 24, className }: IconProps) => (