Improve wallet connection error handling and UI updates

Author: EVOZXLabs

js/wallet.js

@@ -46,6 +46,10 @@ async function connectWallet() {
 
         console.error(error);
 
+        alert(
+            "Gagal menghubungkan wallet"
+        );
+
     }
 
 }
@@ -76,47 +80,55 @@ async function switchToEvoz() {
 
         if (error.code === 4902) {
 
-            await window.ethereum.request({
+            try {
+
+                await window.ethereum.request({
+
+                    method:
+                        "wallet_addEthereumChain",
+
+                    params: [
+
+                        {
 
-                method:
-                    "wallet_addEthereumChain",
+                            chainId:
+                                chainHex,
 
-                params: [
+                            chainName:
+                                CONFIG.CHAIN_NAME,
 
-                    {
+                            nativeCurrency: {
 
-                        chainId:
-                            chainHex,
+                                name:
+                                    CONFIG.CURRENCY_SYMBOL,
 
-                        chainName:
-                            CONFIG.CHAIN_NAME,
+                                symbol:
+                                    CONFIG.CURRENCY_SYMBOL,
 
-                        nativeCurrency: {
+                                decimals:
+                                    18
 
-                            name:
-                                CONFIG.CURRENCY_SYMBOL,
+                            },
 
-                            symbol:
-                                CONFIG.CURRENCY_SYMBOL,
+                            rpcUrls: [
+                                CONFIG.RPC_URL
+                            ],
 
-                            decimals:
-                                18
+                            blockExplorerUrls: [
+                                CONFIG.EXPLORER_URL
+                            ]
 
-                        },
+                        }
 
-                        rpcUrls: [
-                            CONFIG.RPC_URL
-                        ],
+                    ]
 
-                        blockExplorerUrls: [
-                            CONFIG.EXPLORER_URL
-                        ]
+                });
 
-                    }
+            } catch (addError) {
 
-                ]
+                console.error(addError);
 
-            });
+            }
 
         }
 
@@ -138,17 +150,23 @@ async function updateWalletInfo() {
     const accounts =
         await provider.listAccounts();
 
-    if (accounts.length === 0) {
-
+    const connectBtn =
         document.getElementById(
             "connectBtn"
-        ).innerText =
-            "Connect Wallet";
+        );
 
+    const networkDiv =
         document.getElementById(
-            "walletAddress"
-        ).innerText =
-            "Supported by EVOZX";
+            "networkStatus"
+        );
+
+    if (accounts.length === 0) {
+
+        connectBtn.innerText =
+            "Connect Wallet";
+
+        networkDiv.innerText =
+            "⚪ Wallet Not Connected";
 
         return;
 
@@ -160,18 +178,11 @@ async function updateWalletInfo() {
     signer =
         provider.getSigner();
 
-    document.getElementById(
-        "connectBtn"
-    ).innerText =
+    connectBtn.innerText =
         shortenAddress(
             currentAccount
         );
 
-    document.getElementById(
-        "walletAddress"
-    ).innerText =
-        "Supported by EVOZX";
-
     const chainId =
         await window.ethereum.request({
 
@@ -180,23 +191,18 @@ async function updateWalletInfo() {
 
         });
 
-    const networkDiv =
-        document.getElementById(
-            "networkStatus"
-        );
-
     if (
         parseInt(chainId, 16) ===
         CONFIG.CHAIN_ID
     ) {
 
         networkDiv.innerText =
-            "Network: EVOZ Mainnet";
+            "🟢 EVOZ Mainnet";
 
     } else {
 
         networkDiv.innerText =
-            "Network: Wrong Network";
+            "🔴 Wrong Network";
 
     }