Update explorer to new CardanoTransaction signed entity beacon

Co-authored-by: Sébastien Fauvel <[email protected]> Co-authored-by: Damien Lachaume <[email protected]>
input-output-hk · Jun 4, 2024 · 96d8bcf · 96d8bcf
1 parent a5b5e4c
commit 96d8bcf
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 42 deletions.
diff --git a/mithril-explorer/src/components/Artifacts/CardanoTransactionsSnapshotsList/index.js b/mithril-explorer/src/components/Artifacts/CardanoTransactionsSnapshotsList/index.js
@@ -111,11 +111,11 @@ export default function CardanoTransactionsSnapshotsList(props) {
                       <Card.Title>{cardanoTransactionsSnapshot.hash}</Card.Title>
                       <ListGroup variant="flush" className="data-list-group">
                         <ListGroup.Item>
-                          Epoch: {cardanoTransactionsSnapshot.beacon.epoch}
+                          Epoch: {cardanoTransactionsSnapshot.epoch}
                         </ListGroup.Item>
                         <ListGroup.Item>
-                          Immutable file number:{" "}
-                          {cardanoTransactionsSnapshot.beacon.immutable_file_number}
+                          Block Number:{" "}
+                          {cardanoTransactionsSnapshot.block_number}
                         </ListGroup.Item>
                         <ListGroup.Item>
                           Merkle Root: {cardanoTransactionsSnapshot.merkle_root}

diff --git a/mithril-explorer/src/components/CertificateModal/index.js b/mithril-explorer/src/components/CertificateModal/index.js
@@ -7,13 +7,14 @@ import { selectedAggregator } from "@/store/settingsSlice";
 import RawJsonButton from "#/RawJsonButton";
 import Stake from "#/Stake";
 import ProtocolParameters from "#/ProtocolParameters";
+import SignedEntityType from "#/SignedEntityType";
 import SignerTable from "#/SignerTable";
 import VerifyCertificateModal from "#/VerifyCertificate/VerifyCertificateModal";
 
 export default function CertificateModal({
   hash,
   hideButtons = false,
-  onHashChange = (hash) => {},
+  onHashChange = (hash) => { },
 }) {
   const [certificate, setCertificate] = useState({});
   const [charts, setCharts] = useState({
@@ -72,28 +73,7 @@ export default function CertificateModal({
             <Row md={1} xl="auto">
               <Col xl={4} className="mb-3">
                 <h4>Beacon</h4>
-                <Table className="mb-3">
-                  <tbody>
-                    <tr>
-                      <td>
-                        <em>Network:</em>
-                      </td>
-                      <td>{certificate.beacon.network}</td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <em>Epoch:</em>
-                      </td>
-                      <td>{certificate.beacon.epoch}</td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <em>Immutable File Number:</em>
-                      </td>
-                      <td>{certificate.beacon.immutable_file_number}</td>
-                    </tr>
-                  </tbody>
-                </Table>
+                <SignedEntityType signedEntityType={certificate.signed_entity_type} table />
                 <h4>Protocol Parameters</h4>
                 <ProtocolParameters
                   className="mb-3"

diff --git a/mithril-explorer/src/components/SignedEntityType.js b/mithril-explorer/src/components/SignedEntityType.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
-import { ListGroup } from "react-bootstrap";
+import { ListGroup, Table } from "react-bootstrap";
 
-export default function SignedEntityType({ signedEntityType }) {
+export default function SignedEntityType({ signedEntityType, table = false }) {
   const [entityName, setEntityName] = useState("");
   const [beacon, setBeacon] = useState({});
 
@@ -13,25 +13,50 @@ export default function SignedEntityType({ signedEntityType }) {
       setBeacon({
         epoch: signedEntityType[type_name],
       });
+    } else if (type_name === "CardanoTransactions") {
+      setBeacon({
+        epoch: signedEntityType[type_name][0],
+        block_number: signedEntityType[type_name][1],
+      });
     } else {
       setBeacon(signedEntityType[type_name] ?? {});
     }
   }, [signedEntityType]);
 
-  return (
-    <ListGroup>
-      <ListGroup.Item>
-        <h6>{entityName}</h6>
-      </ListGroup.Item>
-      <ListGroup.Item>
-        <ListGroup horizontal="xxl">
+
+  return table ?
+    (
+      <Table className="mb-3">
+        <tbody>
+          <tr>
+            <td colSpan={2}>
+              <h6>{entityName}</h6>
+            </td>
+          </tr>
           {Object.entries(beacon).map(([key, value]) => (
-            <ListGroup.Item key={key}>
-              {key}: {value}
-            </ListGroup.Item>
+            <tr key={key}>
+              <td>
+                <em>{key}:</em>
+              </td>
+              <td>{value}</td>
+            </tr>
           ))}
-        </ListGroup>
-      </ListGroup.Item>
-    </ListGroup>
-  );
+        </tbody>
+      </Table>
+    ) : (
+      <ListGroup>
+        <ListGroup.Item>
+          <h6>{entityName}</h6 >
+        </ListGroup.Item >
+        <ListGroup.Item>
+          <ListGroup horizontal="xxl">
+            {Object.entries(beacon).map(([key, value]) => (
+              <ListGroup.Item key={key}>
+                {key}: {value}
+              </ListGroup.Item>
+            ))}
+          </ListGroup>
+        </ListGroup.Item>
+      </ListGroup >
+    );
 }