Process IPFS schema URLs in the Import Schema Preview and Schema Deta…

…ils screens
0xPolygonID · Oct 10, 2024 · c29308b · c29308b
1 parent f902135
commit c29308b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/ui/src/components/schemas/ImportSchemaPreview.tsx b/ui/src/components/schemas/ImportSchemaPreview.tsx
@@ -1,4 +1,5 @@
 import { Button, Space, Typography } from "antd";
+import { processUrl } from "src/adapters/api/schemas";
 
 import IconBack from "src/assets/icons/arrow-narrow-left.svg?react";
 import { DownloadSchema } from "src/components/schemas/DownloadSchema";
@@ -33,6 +34,7 @@ export function ImportSchemaPreview({
     ? schemaHashResult.data
     : schemaHashResult.error.message;
   const version = jsonSchema.jsonSchemaProps.$metadata.version;
+  const processedSchemaUrl = processUrl(url, env);
 
   return (
     <SchemaViewer
@@ -63,7 +65,12 @@ export function ImportSchemaPreview({
 
           <Detail copyable={schemaHashResult.success} label="Hash" text={schemaHash} />
 
-          <Detail copyable href={url} label="URL" text={url} />
+          <Detail
+            copyable
+            href={processedSchemaUrl.success ? processedSchemaUrl.data : url}
+            label="URL"
+            text={url}
+          />
 
           <DownloadSchema env={env} fileName={jsonSchema.name} url={url} />
         </Space>

diff --git a/ui/src/components/schemas/SchemaDetails.tsx b/ui/src/components/schemas/SchemaDetails.tsx
@@ -2,7 +2,7 @@ import { Button, Card, Space, Typography } from "antd";
 import { useCallback, useEffect, useState } from "react";
 import { generatePath, useNavigate, useParams } from "react-router-dom";
 
-import { getApiSchema } from "src/adapters/api/schemas";
+import { getApiSchema, processUrl } from "src/adapters/api/schemas";
 import { getJsonSchemaFromUrl, getSchemaJsonLdTypes } from "src/adapters/jsonSchemas";
 import CreditCardIcon from "src/assets/icons/credit-card-plus.svg?react";
 import { DownloadSchema } from "src/components/schemas/DownloadSchema";
@@ -171,6 +171,7 @@ export function SchemaDetails() {
           );
         } else {
           const { bigInt, createdAt, hash, url, version } = schema.data;
+          const processedSchemaUrl = processUrl(url, env);
           const [jsonSchema, jsonSchemaObject] = jsonSchemaTuple.data;
           const [jsonLdType, jsonLdContextObject] = contextTuple.data;
 
@@ -204,7 +205,12 @@ export function SchemaDetails() {
 
                   <Detail copyable label="Hash" text={hash} />
 
-                  <Detail copyable href={url} label="URL" text={url} />
+                  <Detail
+                    copyable
+                    href={processedSchemaUrl.success ? processedSchemaUrl.data : url}
+                    label="URL"
+                    text={url}
+                  />
 
                   <Detail label="Import date" text={formatDate(createdAt)} />