feat(apps): Add explore public URL info for metamask mobile wallet

Add required configuration for metamask mobile wallet to work with WalletConnect v2.
cartesi · Jul 30, 2023 · dc27895 · dc27895
1 parent 27d4b60
commit dc27895
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/apps/rollups/.env.development b/apps/rollups/.env.development
@@ -4,4 +4,5 @@ NEXT_PUBLIC_UNLEASH_PROXY_CLIENT_KEY=bc1b71da9932b90ccd788d75203fb598c3640cabed3
 NEXT_PUBLIC_USE_GRAPHQL_MOCK=false
 NEXT_PUBLIC_DAPP_LOCAL_DEV=false
 NEXT_PUBLIC_PROJECT_ID=YOUR_INFURA_PROJECT_ID
-NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
+NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
+NEXT_PUBLIC_ROLLUPS_EXPLORER_URL=THE_ROLLUPS_PUBLIC_URL
diff --git a/apps/rollups/.env.production b/apps/rollups/.env.production
@@ -4,4 +4,5 @@ NEXT_PUBLIC_UNLEASH_PROXY_CLIENT_KEY=bc1b71da9932b90ccd788d75203fb598c3640cabed3
 NEXT_PUBLIC_USE_GRAPHQL_MOCK=false
 NEXT_PUBLIC_DAPP_LOCAL_DEV=false
 NEXT_PUBLIC_PROJECT_ID=YOUR_INFURA_PROJECT_ID
-NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
+NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
+NEXT_PUBLIC_ROLLUPS_EXPLORER_URL=THE_ROLLUPS_PUBLIC_URL
diff --git a/apps/rollups/src/components/Web3Container.tsx b/apps/rollups/src/components/Web3Container.tsx
@@ -9,17 +9,19 @@
 // WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 // PARTICULAR PURPOSE. See the GNU General Public License for more details.
 
-import React from 'react';
 import { WalletConnectionProvider } from '@explorer/wallet';
 import networks from '../services/useNetwork';
 
+const ROLLUPS_PUBLIC_URL = process.env.NEXT_PUBLIC_ROLLUPS_EXPLORER_URL;
+
 export const chainIds = Object.keys(networks).map(
     (key) => networks[key].chain.id
 );
 
 export const appMetaData = {
-    name: 'Cartesi Blockchain Rollups',
+    name: 'Cartesi Rollups Explorer',
     description: 'A place where you can view instantiated DApps.',
+    explore: ROLLUPS_PUBLIC_URL,
 };
 
 const Web3Container = ({ children }) => (

diff --git a/apps/staking/src/components/Web3Container.tsx b/apps/staking/src/components/Web3Container.tsx
@@ -9,7 +9,6 @@
 // WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
 // PARTICULAR PURPOSE. See the GNU General Public License for more details.
 
-import React from 'react';
 import { WalletConnectionProvider } from '@explorer/wallet';
 import { networks } from '../utils/networks';
 
@@ -20,6 +19,7 @@ const Web3Container = ({ children }) => {
     const appMetaData = {
         name: 'Cartesi Blockchain Explorer',
         description: 'A place where you can stake your CTSI and much more.',
+        explore: 'https://explorer.cartesi.io',
     };
 
     return (