fix: useStarkProfile to work with IPFS token URI (#434)

apibara · Apr 30, 2024 · 1f94f05 · 1f94f05
2 parents e4cc3e9 + 8480a43
commit 1f94f05
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/core/src/hooks/useStarkProfile.ts b/packages/core/src/hooks/useStarkProfile.ts
@@ -345,7 +345,7 @@ const notEqual = (call: number, pos: number, value: number) => {
 
 const fetchImageUrl = async (url: string): Promise<string> => {
   try {
-    const response = await fetch(url);
+    const response = await fetch(parseImageUrl(url));
 
     if (!response.ok) {
       throw new Error("Network response was not ok");
@@ -355,7 +355,7 @@ const fetchImageUrl = async (url: string): Promise<string> => {
 
     // Check if the "image" key exists and is not null
     if (data.image) {
-      return data.image;
+      return parseImageUrl(data.image);
     } else {
       return "Image is not set";
     }
@@ -365,6 +365,12 @@ const fetchImageUrl = async (url: string): Promise<string> => {
   }
 };
 
+const parseImageUrl = (url: string): string => {
+  return url.startsWith("ipfs://")
+    ? url.replace("ipfs://", "https://gateway.pinata.cloud/ipfs/")
+    : url;
+};
+
 const StarknetIdcontracts: Record<string, Record<string, string>> = {
   goerli: {
     naming: "0x3bab268e932d2cecd1946f100ae67ce3dff9fd234119ea2f6da57d16d29fce",