Skip to content

Commit

Permalink
Check if anchor url is https/http
Browse files Browse the repository at this point in the history
  • Loading branch information
@elenabardho
elenabardho committed Feb 3, 2025
1 parent 6a60221 commit 99c202e
Showing 1 changed file with 116 additions and 48 deletions.
164 changes: 116 additions & 48 deletions src/app/components/transaction.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import { Button, TextField, Box, Typography, Container, Table, TableBody, TableC
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();

Expand Down Expand Up @@ -235,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 @@ -245,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 @@ -268,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={'https://'+ NEXT_PUBLIC_REST_IPFS_GATEWAY + metadataAnchorURL?.slice(7)} 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 @@ -335,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 @@ -355,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 @@ -385,7 +455,5 @@ export const TransactionButton = () => {
</Typography>
)}
</Container>


);
};

0 comments on commit 99c202e

Please sign in to comment.