Timeout stalled IPFS metadata fetches

0xferit · 0xferit · commit 38400a5a08a8 · 2026-03-09T20:10:43.000Z
diff --git a/src/data/ethereumProvider.jsx b/src/data/ethereumProvider.jsx
@@ -6,7 +6,7 @@ import ABI from "./ABI.json";
 import { environment } from "./environments";
 
 import notifyWithToast, { MESSAGE_TYPE, notifyProviderConnectionStatus } from "../utils/notifyWithTost";
-import { ipfsGateway } from "../utils/addToIPFS";
+import fetchIPFSJson from "../utils/fetchIPFSJson";
 
 export const networkMap = {
   "0x1": {
@@ -129,10 +129,8 @@ const EthereumProvider = ({ children, chainId: chainIdFromUrl }) => {
   const fetchMetaEvidenceContents = async (chainId) => {
     const rawMetaEvidenceList = (await getAllMetaEvidences(chainId))?.map((item) => item.uri);
     if (!rawMetaEvidenceList) return;
-    const result = await Promise.allSettled(
-      rawMetaEvidenceList?.map((metaEvidenceURI) => fetch(ipfsGateway + metaEvidenceURI).then((r) => r.json()))
-    );
-    setMetaEvidenceContents(result.map((item) => item.value));
+    const result = await Promise.allSettled(rawMetaEvidenceList.map((metaEvidenceURI) => fetchIPFSJson(metaEvidenceURI)));
+    setMetaEvidenceContents(result.map((item) => (item.status === "fulfilled" ? item.value : {})));
   };
 
   const sendTransaction = async (unsignedTx) => {
diff --git a/src/index.html b/src/index.html
@@ -6,7 +6,6 @@
     <meta name="description" content="Accurate and relevant news.">
     <title>The Truth Post</title>
     <link href="stylesheets/styles.scss" rel="stylesheet"/>
-    <script src="index.jsx" type="module"></script>
 </head>
 <body>
 <div id="app"></div>
diff --git a/src/utils/fetchIPFSJson.js b/src/utils/fetchIPFSJson.js
@@ -1,15 +1,24 @@
 import { ipfsGateway } from "/src/utils/addToIPFS";
 
+const IPFS_FETCH_TIMEOUT_MS = 3000;
+
 export default async function fetchIPFSJson(uri) {
   if (!uri) return {};
 
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), IPFS_FETCH_TIMEOUT_MS);
+
   try {
-    const response = await fetch(ipfsGateway + uri);
+    const response = await fetch(ipfsGateway + uri, {
+      signal: controller.signal,
+    });
     if (!response.ok) throw new Error("Network response was not OK");
 
     return await response.json();
   } catch (error) {
-    console.error(error);
+    console.error(`Failed to fetch IPFS JSON for ${uri}`, error);
     return {};
+  } finally {
+    clearTimeout(timeoutId);
   }
 }
