From 6a60221307eb40af313f66cf78f06bb664db4c64 Mon Sep 17 00:00:00 2001
From: Elena Bardho <ebardho17@epoka.edu.al>
Date: Mon, 3 Feb 2025 14:40:59 +0000
Subject: [PATCH] Add ipfs gateway

---
 src/app/components/transaction.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/components/transaction.tsx b/src/app/components/transaction.tsx
index 992ae6e..c09083d 100644
--- a/src/app/components/transaction.tsx
+++ b/src/app/components/transaction.tsx
@@ -6,6 +6,11 @@ import { BlockfrostProvider, deserializeAddress } from "@meshsdk/core";
 import { Button, TextField, Box, Typography, Container, Table, TableBody, TableCell, TableContainer, TableRow, Paper } from "@mui/material";
 import * as CLS from "@emurgo/cardano-serialization-lib-browser";
 import ReactJsonPretty from 'react-json-pretty';
+import dotevn from "dotenv";
+
+dotevn.config();
+
+const NEXT_PUBLIC_REST_IPFS_GATEWAY=process.env.NEXT_PUBLIC_REST_IPFS_GATEWAY;
 
 // Function to decode an unasigned transaction
 const decodeTransaction = (unsignedTransactionHex: string) => {
@@ -308,7 +313,7 @@ export const TransactionButton = () => {
                 </TableRow>
                 <TableRow>
                 <TableCell sx={{ fontWeight: "bold" }}>Metadata Anchor URL</TableCell>
-                <TableCell><a href={metadataAnchorURL} target="_blank">{metadataAnchorURL}</a></TableCell>
+                <TableCell><a href={'https://'+ NEXT_PUBLIC_REST_IPFS_GATEWAY + metadataAnchorURL?.slice(7)} target="_blank">{metadataAnchorURL}</a></TableCell>
                 </TableRow>
                 <TableRow>
                 <TableCell sx={{ fontWeight: "bold" }}>Metadata Anchor Hash</TableCell>