feat: suggest chain on wallet connection

Agoric · Apr 22, 2024 · 41c64da · 41c64da
1 parent 81c7a6d
commit 41c64da
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/ChainConnection.tsx b/src/components/ChainConnection.tsx
@@ -5,6 +5,7 @@ import { Oval } from 'react-loader-spinner';
 import {
   makeAgoricWalletConnection,
   AgoricKeplrConnectionErrors as Errors,
+  suggestChain,
 } from '@agoric/web-components';
 import {
   brandToInfoAtom,
@@ -17,6 +18,7 @@ import {
   termsIndexAgreedUponAtom,
   smartWalletProvisionedAtom,
   networkConfigPAtom,
+  networkConfigAtom,
   rpcNodeAtom,
   apiNodeAtom,
   chainConnectionErrorAtom,
@@ -59,6 +61,7 @@ const ChainConnection = () => {
   const setChainConnectionError = useSetAtom(chainConnectionErrorAtom);
   const savedApi = useAtomValue(savedApiNodeAtom);
   const savedRpc = useAtomValue(savedRpcNodeAtom);
+  const networkConfigInfo = useAtomValue(networkConfigAtom);
 
   const areLatestTermsAgreed = termsAgreed === currentTermsIndex;
 
@@ -123,6 +126,13 @@ const ChainConnection = () => {
         if (!rpc || !api || !chainId) {
           throw new Error(Errors.networkConfig);
         }
+
+        try {
+          await suggestChain(networkConfigInfo.url);
+        } catch {
+          throw new Error(Errors.enableKeplr);
+        }
+
         setRpcNode(rpc);
         setApiNode(api);
         const watcher = makeAgoricChainStorageWatcher(api, chainId, e => {
@@ -161,6 +171,7 @@ const ChainConnection = () => {
   }, [
     connectionInProgress,
     networkConfig,
+    networkConfigInfo.url,
     savedApi,
     savedRpc,
     setApiNode,