chore: add alerts in App.tsx

Agoric · Jan 10, 2025 · 716ae4e · 716ae4e
1 parent f551a3e
commit 716ae4e
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/ui/src/App.tsx b/ui/src/App.tsx
@@ -76,6 +76,11 @@ const setup = async () => {
 };
 
 const connectWallet = async () => {
+  try {
+    await fetch(ENDPOINTS.RPC);
+  } catch (error) {
+    throw new Error('Chain is not running. Please start the chain first!');
+  }
   await suggestChain('https://local.agoric.net/network-config');
   const wallet = await makeAgoricWalletConnection(watcher, ENDPOINTS.RPC);
   useAppStore.setState({ wallet });
@@ -88,9 +93,14 @@ const connectWallet = async () => {
 
 const makeOffer = (giveValue: bigint, wantChoices: Record<string, bigint>) => {
   const { wallet, offerUpInstance, brands } = useAppStore.getState();
-  if (!offerUpInstance) throw Error('no contract instance');
-  if (!(brands && brands.IST && brands.Item))
+  if (!offerUpInstance) {
+    alert('No contract instance found on the chain RPC: ' + ENDPOINTS.RPC);
+    throw Error('no contract instance');
+  }
+  if (!(brands && brands.IST && brands.Item)) {
+    alert('Brands not available');
     throw Error('brands not available');
+  }
 
   const value = makeCopyBag(entries(wantChoices));
   const want = { Items: { brand: brands.Item, value } };