add wallet connect

terra-money · Dec 7, 2023 · f6d042f · f6d042f
1 parent 4564c90
commit f6d042f
Show file tree

Hide file tree

Showing 4 changed files with 381 additions and 10 deletions.
diff --git a/apps/warp-protocol/package.json b/apps/warp-protocol/package.json
@@ -40,6 +40,7 @@
     "@mui/material": "^5.10.2",
     "@popperjs/core": "^2.11.6",
     "@terra-money/feather.js": "^1.0.11",
+    "@terra-money/terra-station-mobile": "1.0.8",
     "@terra-money/wallet-kit": "^1.0.11",
     "@terra-money/warp-sdk": "^0.1.65",
     "assert": "^2.0.0",

diff --git a/apps/warp-protocol/src/App.tsx b/apps/warp-protocol/src/App.tsx
@@ -21,7 +21,8 @@ import { TemplatesPage } from 'pages/templates';
 import { useWalletDefaultNetworks } from 'hooks/useWalletDefaultNetworks';
 import { ChainSelectorProvider } from '@terra-money/apps/hooks';
 import { useTermsOfUseDialog } from 'components/dialog/terms-of-use/TermsOfUseDialog';
-import { useEffect } from 'react';
+import TerraStationMobileWallet from '@terra-money/terra-station-mobile';
+import { useEffect, useMemo } from 'react';
 
 const queryClient = new QueryClient();
 
@@ -51,6 +52,10 @@ const Inner = () => {
   const [theme] = useTheme();
   const walletDefaultNetworks = useWalletDefaultNetworks();
 
+  const extraWallets = useMemo(() => {
+    return [new TerraStationMobileWallet()];
+  }, []);
+
   useEffect(() => {
     const accepted = localStorage.getItem('TermsOfUseAccepted_Oct-3-2023');
     if (!accepted) {
@@ -61,7 +66,7 @@ const Inner = () => {
 
   // TODO: check later if chainOptions would cause a flicker due to being null for first couple of calls
   return walletDefaultNetworks ? (
-    <WalletProvider defaultNetworks={walletDefaultNetworks}>
+    <WalletProvider defaultNetworks={walletDefaultNetworks} extraWallets={extraWallets}>
       <main className={styles.root} data-theme={theme}>
         {/* <NetworkGuard> */}
         <ChainSelectorProvider>

diff --git a/apps/warp-protocol/src/components/dialog/connect-wallet/ConnectWalletDialog.tsx b/apps/warp-protocol/src/components/dialog/connect-wallet/ConnectWalletDialog.tsx
@@ -95,10 +95,14 @@ export const ConnectWalletDialog = (props: DialogProps<ConnectWalletDialogProps,
 };
 
 const fixName = (name: string) => {
-  if (name.includes('Station')) {
+  if (name.includes('Station (Extension)')) {
     return 'Station';
   }
 
+  if (name.includes('Terra Station (Mobile)')) {
+    return 'Wallet Connect';
+  }
+
   return name;
 };