feat: paraSwapWallet connector (rainbow-me#2189)

* feat: paraSwapWallet * chore: prettify * chore: prettify * chore: fix linting --------- Co-authored-by: proinsights <[email protected]>
uxuyconnect · Sep 26, 2024 · f93cd0e · f93cd0e
1 parent 1785c6c
commit f93cd0e
Show file tree

Hide file tree

Showing 7 changed files with 85 additions and 0 deletions.
diff --git a/.changeset/calm-spies-yell.md b/.changeset/calm-spies-yell.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Added ParaSwap Wallet support with `paraSwapWallet` wallet connector
diff --git a/packages/example/src/wagmi.ts b/packages/example/src/wagmi.ts
@@ -36,6 +36,7 @@ import {
   omniWallet,
   oneInchWallet,
   oneKeyWallet,
+  paraSwapWallet,
   phantomWallet,
   rabbyWallet,
   rainbowWallet,
@@ -216,6 +217,7 @@ export const config = getDefaultConfig({
         omniWallet,
         oneInchWallet,
         oneKeyWallet,
+        paraSwapWallet,
         phantomWallet,
         rabbyWallet,
         ramperWallet,

diff --git a/packages/rainbowkit/src/locales/en_US.json b/packages/rainbowkit/src/locales/en_US.json
@@ -997,6 +997,23 @@
       }
     },
 
+    "paraswap": {
+      "qr_code": {
+        "step1": {
+          "title": "Open the ParaSwap app",
+          "description": "Add ParaSwap Wallet to your home screen for faster access to your wallet."
+        },
+        "step2": {
+          "title": "Create or Import a Wallet",
+          "description": "Create a new wallet or import an existing one."
+        },
+        "step3": {
+          "title": "Tap the QR icon and scan",
+          "description": "Tap the QR icon on your homescreen, scan the code and confirm the prompt to connect."
+        }
+      }
+    },
+
     "phantom": {
       "extension": {
         "step1": {

diff --git a/packages/rainbowkit/src/wallets/walletConnectors/index.ts b/packages/rainbowkit/src/wallets/walletConnectors/index.ts
@@ -36,6 +36,7 @@ import { okxWallet } from './okxWallet/okxWallet';
 import { omniWallet } from './omniWallet/omniWallet';
 import { oneInchWallet } from './oneInchWallet/oneInchWallet';
 import { oneKeyWallet } from './oneKeyWallet/oneKeyWallet';
+import { paraSwapWallet } from './paraSwapWallet/paraswapWallet';
 import { phantomWallet } from './phantomWallet/phantomWallet';
 import { rabbyWallet } from './rabbyWallet/rabbyWallet';
 import { rainbowWallet } from './rainbowWallet/rainbowWallet';
@@ -97,6 +98,7 @@ export {
   omniWallet,
   oneInchWallet,
   oneKeyWallet,
+  paraSwapWallet,
   phantomWallet,
   rabbyWallet,
   rainbowWallet,

diff --git a/packages/rainbowkit/src/wallets/walletConnectors/paraSwapWallet/paraSwapWallet.svg b/packages/rainbowkit/src/wallets/walletConnectors/paraSwapWallet/paraSwapWallet.svg
diff --git a/packages/rainbowkit/src/wallets/walletConnectors/paraSwapWallet/paraswapWallet.ts b/packages/rainbowkit/src/wallets/walletConnectors/paraSwapWallet/paraswapWallet.ts
@@ -0,0 +1,52 @@
+import type { Wallet } from '../../Wallet';
+import type { DefaultWalletOptions } from '../../Wallet';
+import { getWalletConnectConnector } from '../../getWalletConnectConnector';
+
+export type ParaSwapWalletOptions = DefaultWalletOptions;
+
+export const paraSwapWallet = ({
+  projectId,
+  walletConnectParameters,
+}: ParaSwapWalletOptions): Wallet => ({
+  id: 'paraswap',
+  name: 'ParaSwap Wallet',
+  iconUrl: async () => (await import('./paraSwapWallet.svg')).default,
+  iconBackground: '#578CFC',
+  downloadUrls: {
+    ios: 'https://apps.apple.com/us/app/paraswap-multichain-wallet/id1584610690',
+    mobile: 'https://paraswap.io',
+    qrCode: 'https://paraswap.io',
+  },
+  mobile: {
+    getUri: (uri: string) => {
+      return `paraswap://wc?uri=${encodeURIComponent(uri)}`;
+    },
+  },
+  qrCode: {
+    getUri: (uri: string) => uri,
+    instructions: {
+      learnMoreUrl: 'https://paraswap.io',
+      steps: [
+        {
+          description: 'wallet_connectors.paraswap.qr_code.step1.description',
+          step: 'install',
+          title: 'wallet_connectors.paraswap.qr_code.step1.title',
+        },
+        {
+          description: 'wallet_connectors.paraswap.qr_code.step2.description',
+          step: 'create',
+          title: 'wallet_connectors.paraswap.qr_code.step2.title',
+        },
+        {
+          description: 'wallet_connectors.paraswap.qr_code.step3.description',
+          step: 'scan',
+          title: 'wallet_connectors.paraswap.qr_code.step3.title',
+        },
+      ],
+    },
+  },
+  createConnector: getWalletConnectConnector({
+    projectId,
+    walletConnectParameters,
+  }),
+});
diff --git a/site/data/en-US/docs/custom-wallet-list.mdx b/site/data/en-US/docs/custom-wallet-list.mdx
@@ -307,6 +307,12 @@ import { omniWallet } from '@rainbow-me/rainbowkit/wallets';
 import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
 ```
 
+#### ParaSwap
+
+```tsx
+import { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';
+```
+
 #### Phantom
 
 ```tsx