fix: temporarily use gateway access token until host origin is fixed (#1518)

n0izn0iz · web-flow · commit 7a93c1ea2bd8 · 2025-03-17T11:48:05.000+01:00
Signed-off-by: Norman &lt;norman@samourai.coop&gt;
diff --git a/packages/components/OptimizedImage.tsx b/packages/components/OptimizedImage.tsx
@@ -120,9 +120,11 @@ const transformURI = (
     return uri;
   }
 
-  // XXX: pass gateway token from env to get images in localhost
   if (uri?.startsWith("ipfs://")) {
-    return `https://teritori.mypinata.cloud/ipfs/${uri.substring("ipfs://".length)}?img-width=${Math.round(width)}&img-height=${Math.round(height)}&img-fit=contain`;
+    // FIXME: passing the gateway token here is unsafe and people could rip our cap but the host origin method seems broken atm
+    const gatewayAccessToken =
+      "0Ik-SBA6O3xxcvHBRmD526aG06EEwIqwcr14MFfFveyotZmOI4v9gLfJgHW3SRFY";
+    return `https://teritori.mypinata.cloud/ipfs/${uri.substring("ipfs://".length)}?img-width=${Math.round(width)}&img-height=${Math.round(height)}&img-fit=contain&pinataGatewayToken=${gatewayAccessToken}`;
   }
 
   const params = resolveParams(width, height);

Original file line number	Diff line number	Diff line change
`@@ -120,9 +120,11 @@ const transformURI = (`
`120`	`120`	`return uri;`
`121`	`121`	`}`
`122`	`122`
`123`		`- // XXX: pass gateway token from env to get images in localhost`
`124`	`123`	`if (uri?.startsWith("ipfs://")) {`
`125`		- return `https://teritori.mypinata.cloud/ipfs/${uri.substring("ipfs://".length)}?img-width=${Math.round(width)}&img-height=${Math.round(height)}&img-fit=contain`;
	`124`	`+ // FIXME: passing the gateway token here is unsafe and people could rip our cap but the host origin method seems broken atm`
	`125`	`+ const gatewayAccessToken =`
	`126`	`+ "0Ik-SBA6O3xxcvHBRmD526aG06EEwIqwcr14MFfFveyotZmOI4v9gLfJgHW3SRFY";`
	`127`	+ return `https://teritori.mypinata.cloud/ipfs/${uri.substring("ipfs://".length)}?img-width=${Math.round(width)}&img-height=${Math.round(height)}&img-fit=contain&pinataGatewayToken=${gatewayAccessToken}`;
`126`	`128`	`}`
`127`	`129`
`128`	`130`	`const params = resolveParams(width, height);`