refactor(index.page.tsx): improve error handling in account existence…

… check function
o1-labs · Sep 23, 2024 · 00fa126 · 00fa126
1 parent 0c57586
commit 00fa126
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/examples/zkapps/04-zkapp-browser-ui/ui/src/pages/index.page.tsx b/examples/zkapps/04-zkapp-browser-ui/ui/src/pages/index.page.tsx
@@ -30,7 +30,6 @@ export default function Home() {
           console.log('Loading web worker...');
           const zkappWorkerClient = new ZkappWorkerClient();
           setZkappWorkerClient(zkappWorkerClient);
-
           await new Promise((resolve) => setTimeout(resolve, 5000));
 
           setDisplayText('Done loading web worker');
@@ -39,7 +38,6 @@ export default function Home() {
           await zkappWorkerClient.setActiveInstanceToDevnet();
 
           const mina = (window as any).mina;
-
           if (mina == null) {
             setHasWallet(false);
             setDisplayText('Wallet not found.');
@@ -105,18 +103,22 @@ export default function Home() {
   useEffect(() => {
     const checkAccountExists = async () => {
       if (hasBeenSetup && !accountExists) {
-        for (;;) {
-          setDisplayText('Checking if fee payer account exists...');
-          console.log('Checking if fee payer account exists...');
-          const res = await zkappWorkerClient!.fetchAccount(publicKeyBase58);
-          const accountExists = res.error == null;
-          if (accountExists) {
-            break;
-          }
-          await new Promise((resolve) => setTimeout(resolve, 5000));
-        } 
+        try { 
+          for (;;) {
+            setDisplayText('Checking if fee payer account exists...');
+            console.log('Checking if fee payer account exists...');
+            const res = await zkappWorkerClient!.fetchAccount(publicKeyBase58);
+            const accountExists = res.error == null;
+            if (accountExists) {
+              break;
+            }
+            await new Promise((resolve) => setTimeout(resolve, 5000));
+          } 
+        } catch (error: any) {
+          setDisplayText(`Error checking account: ${error.message}`);
+        }
+
       }
-      // setDisplayText('');
       setAccountExists(true);
     };