Skip to content

Commit

Permalink
Merge pull request #52 from IntersectMBO/feat/add-gateway-ipfs
Browse files Browse the repository at this point in the history 
Add ipfs gateway
  • Loading branch information
@Ryun1
Ryun1 authored Feb 5, 2025
2 parents baeaa9b + 99c202e commit 299a81d
Showing 1 changed file with 121 additions and 48 deletions.
169 changes: 121 additions & 48 deletions src/app/components/transaction.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,12 @@ 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";
import { Underline } from "lucide-react";

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) => {
Expand Down Expand Up @@ -230,7 +236,6 @@ export const TransactionButton = () => {
}, [signature,unsignedTransaction]);

return (

<Container maxWidth="md" sx={{ mt: 4 }}>
{/* Transaction Input & Button */}
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
Expand All @@ -240,16 +245,17 @@ export const TransactionButton = () => {
variant="outlined"
fullWidth
value={unsignedTransactionHex}
onChange={(e) => {setUnsignedTransactionHex(e.target.value);
onChange={(e) => {
setUnsignedTransactionHex(e.target.value);
setIsPartOfSigners(false);
setIsOneVote(false);
setHasCertificates(true);
setIsSameNetwork(false);
setHasICCCredentials(false);
setIsInOutputPlutusData(false);
setVoteResult("");
setVoteID("")
}}
setVoteID("");
}}
/>
<Button
variant="contained"
Expand All @@ -263,62 +269,128 @@ export const TransactionButton = () => {

{/* Transaction Details */}
<Box sx={{ mt: 3 }}>
<Typography variant="h6" sx={{ mb: 2 }}>Transaction Details</Typography>

{unsignedTransaction && <Box display="flex" flexWrap="wrap" gap={2}>

<Typography display="flex" flexDirection="column" width="45%" variant="body1" fontWeight="bold">
Wallet needs to sign?:{isPartOfSigners ? "✅" : "❌"}
</Typography>

<Typography display="flex" flexDirection="column" width="45%" variant="body1" fontWeight="bold">
Signing one vote?:{isOneVote ? "✅" : "❌"}
</Typography>

<Typography display="flex" flexDirection="column" width="45%" variant="body1" fontWeight="bold">
Has no certificates?:{hasCertificates ? "❌":"✅"}
</Typography>

<Typography display="flex" flexDirection="column" width="45%" variant="body1" fontWeight="bold">
Is the transaction in the same network?:{isSameNetwork ? "✅" : "❌"}
</Typography>

<Typography display="flex" flexDirection="column" width="45%" variant="body1" fontWeight="bold">
Has Intersect CC credentials?:{hasICCCredentials ? "✅" : "❌"}
</Typography>

<Typography display="flex" flexDirection="column" width="45%" variant="body1" fontWeight="bold">
Is stake credential in plutus data?:{isInOutputPlutusData ? "✅" : "❌"}
</Typography>
<Typography variant="h6" sx={{ mb: 2 }}>
Transaction Details
</Typography>

</Box>}
<Typography variant="h6" sx={{ mt: 3 }}>Voting Details</Typography>
{unsignedTransaction && <TableContainer sx={{ mb: 3 }}>
{unsignedTransaction && (
<Box display="flex" flexWrap="wrap" gap={2}>
<Typography
display="flex"
flexDirection="column"
width="45%"
variant="body1"
fontWeight="bold"
>
Wallet needs to sign?:{isPartOfSigners ? "✅" : "❌"}
</Typography>

<Typography
display="flex"
flexDirection="column"
width="45%"
variant="body1"
fontWeight="bold"
>
Signing one vote?:{isOneVote ? "✅" : "❌"}
</Typography>

<Typography
display="flex"
flexDirection="column"
width="45%"
variant="body1"
fontWeight="bold"
>
Has no certificates?:{hasCertificates ? "❌" : "✅"}
</Typography>

<Typography
display="flex"
flexDirection="column"
width="45%"
variant="body1"
fontWeight="bold"
>
Is the transaction in the same network?:
{isSameNetwork ? "✅" : "❌"}
</Typography>

<Typography
display="flex"
flexDirection="column"
width="45%"
variant="body1"
fontWeight="bold"
>
Has Intersect CC credentials?:{hasICCCredentials ? "✅" : "❌"}
</Typography>

<Typography
display="flex"
flexDirection="column"
width="45%"
variant="body1"
fontWeight="bold"
>
Is stake credential in plutus data?:
{isInOutputPlutusData ? "✅" : "❌"}
</Typography>
</Box>
)}
<Typography variant="h6" sx={{ mt: 3 }}>
Voting Details
</Typography>
{unsignedTransaction && (
<TableContainer sx={{ mb: 3 }}>
<Table sx={{ mt: 3 }}>
<TableBody>
<TableRow>
<TableCell sx={{ fontWeight: "bold" }}>Governance Action ID </TableCell>
<TableCell sx={{ fontWeight: "bold" }}>
Governance Action ID{" "}
</TableCell>
<TableCell>
<a href={`${cardanoscan}${voteID}`} target="_blank">{voteID}</a>
<a href={`${cardanoscan}${voteID}`} target="_blank">
{voteID}
</a>
</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ fontWeight: "bold" }}>Vote Choice </TableCell>
<TableCell sx={{ fontWeight: "bold" }}>
Vote Choice{" "}
</TableCell>
<TableCell>{voteResult}</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ fontWeight: "bold" }}>Metadata Anchor URL</TableCell>
<TableCell><a href={metadataAnchorURL} target="_blank">{metadataAnchorURL}</a></TableCell>
<TableCell sx={{ fontWeight: "bold" }}>
Metadata Anchor URL
</TableCell>
<TableCell>
<a
href={
metadataAnchorURL?.startsWith("https://") || metadataAnchorURL?.startsWith("http://")
? metadataAnchorURL
: metadataAnchorURL?.startsWith("ipfs")
? "https://" + NEXT_PUBLIC_REST_IPFS_GATEWAY + metadataAnchorURL?.slice(7)
: "https://" + metadataAnchorURL
}
target="_blank"
style={{ color: "blue", textDecoration: "underline" }}
>
{metadataAnchorURL}
</a>
</TableCell>
</TableRow>
<TableRow>
<TableCell sx={{ fontWeight: "bold" }}>Metadata Anchor Hash</TableCell>
<TableCell>{metadataAnchorHash}</TableCell>
<TableCell sx={{ fontWeight: "bold" }}>
Metadata Anchor Hash
</TableCell>
<TableCell>{metadataAnchorHash}</TableCell>
</TableRow>
</TableBody>
</Table>
</TableContainer>

}
)}
<Box
sx={{
backgroundColor: "#f5f5f5",
Expand All @@ -330,8 +402,11 @@ export const TransactionButton = () => {
boxShadow: 1,
}}
>
{unsignedTransactionHex && <ReactJsonPretty data={unsignedTransaction ? unsignedTransaction.to_json() : {}} />}

{unsignedTransactionHex && (
<ReactJsonPretty
data={unsignedTransaction ? unsignedTransaction.to_json() : {}}
/>
)}
</Box>
</Box>

Expand All @@ -350,7 +425,7 @@ export const TransactionButton = () => {

{/* Signature Display */}
{signature && (
<Box id='signature' sx={{ mt: 3 }} >
<Box id="signature" sx={{ mt: 3 }}>
<Typography variant="h6">Signature</Typography>
<Box
sx={{
Expand Down Expand Up @@ -380,7 +455,5 @@ export const TransactionButton = () => {
</Typography>
)}
</Container>


);
};

0 comments on commit 299a81d

Please sign in to comment.