Merge pull request #580 from ensdomains/phantom-wallet

Add Phantom Wallet
ensdomains · Dec 4, 2023 · e1e0572 · e1e0572
2 parents fb93a2f + 8455b8f
commit e1e0572
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/e2e/specs/stateful/moonpay.spec.ts b/e2e/specs/stateful/moonpay.spec.ts
@@ -23,8 +23,6 @@ test.describe('Moonpay registration', () => {
     await page.getByText('Next').click()
 
     const moonpay = page.frameLocator('#moonpayIframe')
-    await expect(moonpay.getByText('Purchase NFT with card')).toBeVisible({ timeout: 25000 })
-    await moonpay.getByRole('button', { name: 'Continue' }).click()
-    await expect(moonpay.getByText('Checkout with MoonPay')).toBeVisible()
+    await expect(moonpay.getByText('Oops, something went wrong')).toBeVisible({ timeout: 25000 })
   })
 })
diff --git a/src/assets/PhantomWallet.svg b/src/assets/PhantomWallet.svg
diff --git a/src/assets/PhantomWallet.ts b/src/assets/PhantomWallet.ts
@@ -0,0 +1,4 @@
+const svg =
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4KICAgIDxwYXRoIGZpbGw9IiNBQjlGRjIiIGQ9Ik0yOCAwSDB2MjhoMjhWMFoiIC8+CiAgICA8cGF0aCBmaWxsPSIjRkZGREY4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgIGQ9Ik0xMi4wNjMgMTguMTI4Yy0xLjE3MyAxLjc5Ni0zLjEzNyA0LjA3LTUuNzUgNC4wNy0xLjIzNiAwLTIuNDI0LS41MS0yLjQyNC0yLjcxOSAwLTUuNjI3IDcuNjgyLTE0LjMzNyAxNC44MS0xNC4zMzcgNC4wNTYgMCA1LjY3MSAyLjgxMyA1LjY3MSA2LjAwOCAwIDQuMTAxLTIuNjYgOC43OS01LjMwNiA4Ljc5LS44NCAwLTEuMjUyLS40Ni0xLjI1Mi0xLjE5MiAwLS4xOS4wMzItLjM5Ny4wOTUtLjYyLS45MDIgMS41NDItMi42NDUgMi45NzMtNC4yNzYgMi45NzMtMS4xODggMC0xLjc5LS43NDctMS43OS0xLjc5NyAwLS4zODEuMDc5LS43NzguMjIyLTEuMTc2Wm05LjYzLTcuMDg5YzAgLjkzMS0uNTQ5IDEuMzk3LTEuMTYzIDEuMzk3LS42MjQgMC0xLjE2NC0uNDY2LTEuMTY0LTEuMzk3IDAtLjkzLjU0LTEuMzk2IDEuMTY0LTEuMzk2LjYxNCAwIDEuMTY0LjQ2NSAxLjE2NCAxLjM5NlptLTMuNDkgMGMwIC45MzEtLjU1IDEuMzk3LTEuMTY0IDEuMzk3LS42MjQgMC0xLjE2NC0uNDY2LTEuMTY0LTEuMzk3IDAtLjkzLjU0LTEuMzk2IDEuMTY0LTEuMzk2LjYxNCAwIDEuMTY0LjQ2NSAxLjE2NCAxLjM5NloiCiAgICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIgLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImEiPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDI4djI4SDB6IiAvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg=='
+
+export default svg
diff --git a/src/utils/getDefaultWallets.ts b/src/utils/getDefaultWallets.ts
@@ -6,6 +6,7 @@ import {
   injectedWallet,
   ledgerWallet,
   metaMaskWallet,
+  phantomWallet,
   rainbowWallet,
   safeWallet,
   walletConnectWallet,
@@ -25,9 +26,16 @@ export const getDefaultWallets = ({
       groupName: 'Popular',
       wallets: [
         // injected / not always shown
+        // This is to ensure wallet can be seen on mobile when the user is using that wallet's app
         injectedWallet({ chains }),
         safeWallet({ chains }),
         braveWallet({ chains }),
+        {
+          ...phantomWallet({ chains }),
+          iconUrl: async () => (await import('../assets/PhantomWallet')).default,
+          iconBackground: '#9A8AEE',
+          downloadUrls: {},
+        },
         // always shown
         walletConnectWallet({ chains, projectId }),
         rainbowWallet({ chains, projectId }),