fix: Handle NFT fetch failures gracefully and add Treasure chain (#5769)

Author: joaquim-verges

apps/wallet-ui/src/components/ConnectButton.tsx

@@ -5,6 +5,7 @@ import {
   arbitrum,
   base,
   blast,
+  defineChain,
   mainnet,
   optimism,
   zkSync,
@@ -19,7 +20,15 @@ export default function ConnectButton({
 
   return (
     <ThirdwebConnectButton
-      chains={[mainnet, base, optimism, arbitrum, blast, zkSync]}
+      chains={[
+        mainnet,
+        base,
+        optimism,
+        arbitrum,
+        blast,
+        zkSync,
+        defineChain(61166), // Treasure mainnet
+      ]}
       wallets={[ecosystemWallet(ecosystem)]}
       client={client}
       theme={theme === "light" ? "light" : "dark"}

apps/wallet-ui/src/lib/assets/erc721.ts

@@ -61,7 +61,11 @@ export async function getErc721Tokens({
 
   if (!response.ok) {
     response.body?.cancel();
-    throw new Error("Failed to fetch NFTs");
+    console.error("Failed to fetch NFTs");
+    return {
+      nextCursor: undefined,
+      tokens: [],
+    };
   }
   const data = await response.json();
 

apps/wallet-ui/src/util/simplehash.ts

@@ -26,6 +26,7 @@ const chainIdNameMap = [
   { id: 660279, name: "xai", label: "Xai" },
   { id: 324, name: "zksync-era", label: "zkSync Era" },
   { id: 7777777, name: "zora", label: "Zora" },
+  { id: 61166, name: "treasure", label: "Treasure" },
 ];
 
 if (process.env.NEXT_PUBLIC_INCLUDE_TESTNETS) {