From 41c64dab66df9fc65630f76b5cd29c67b6257e9e Mon Sep 17 00:00:00 2001
From: samsiegart <samsiegart@gmail.com>
Date: Mon, 22 Apr 2024 11:21:18 -0700
Subject: [PATCH] feat: suggest chain on wallet connection

---
 src/components/ChainConnection.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/ChainConnection.tsx b/src/components/ChainConnection.tsx
index 9eb19fe..9e03f95 100644
--- 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,