fix(explorer): adapt to certificate beacon removal

Else explorer crash with a `e.beacon is undefined` logged in the console.

Author: Alenar

mithril-explorer/src/components/Artifacts/CertificatesList/index.js

@@ -2,8 +2,9 @@ import React, { useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import { Badge, Button, Card, Col, Container, ListGroup, Row, Stack } from "react-bootstrap";
 import CertificateModal from "#/CertificateModal";
-import RawJsonButton from "#/RawJsonButton";
 import LocalDateTime from "#/LocalDateTime";
+import RawJsonButton from "#/RawJsonButton";
+import SignedEntityType from "#/SignedEntityType";
 import { selectedAggregator } from "@/store/settingsSlice";
 
 export default function CertificatesList(props) {
@@ -77,9 +78,13 @@ export default function CertificatesList(props) {
                             Show
                           </Button>
                         </ListGroup.Item>
-                        <ListGroup.Item>Epoch: {certificate.beacon.epoch}</ListGroup.Item>
+                        <ListGroup.Item>Epoch: {certificate.epoch}</ListGroup.Item>
                         <ListGroup.Item>
-                          Immutable file number: {certificate.beacon.immutable_file_number}
+                          Beacon:{" "}
+                          <SignedEntityType
+                            signedEntityType={certificate.signed_entity_type}
+                            table
+                          />
                         </ListGroup.Item>
                         <ListGroup.Item>
                           Number of signers: {certificate.metadata.total_signers}
@@ -100,7 +105,7 @@ export default function CertificatesList(props) {
                             <Badge bg="primary">Latest</Badge>{" "}
                           </>
                         )}
-                        <Badge bg="secondary">{certificate.beacon.network}</Badge>
+                        <Badge bg="secondary">{certificate.metadata.network}</Badge>
 
                         <RawJsonButton
                           href={`${aggregator}/certificate/${certificate.hash}`}

mithril-explorer/src/components/CertifyCardanoTransactionsModal/TransactionCertificationResult.js

@@ -12,11 +12,11 @@ function CertifiedDataBeacon({ certificate }) {
       <ListGroup horizontal>
         <ListGroup.Item>
           <span className="fst-italic">Epoch: </span>
-          {certificate.beacon.epoch}
+          {certificate.epoch}
         </ListGroup.Item>
         <ListGroup.Item>
-          <span className="fst-italic">Immutable File Number: </span>
-          {certificate.beacon.immutable_file_number}
+          <span className="fst-italic">Block number: </span>
+          {certificate.signed_entity_type.CardanoTransactions[1]}
         </ListGroup.Item>
       </ListGroup>
     </>

mithril-explorer/src/components/VerifyCertificate/CertificateVerifier.js

@@ -147,7 +147,7 @@ export default function CertificateVerifier({
               linkVariant="primary"
             />
           </div>
-          <div>Epoch: {certificate.beacon.epoch}</div>
+          <div>Epoch: {certificate.epoch}</div>
           <div className="d-flex justify-content-between">
             <div>
               Sealed at: <LocalDateTime datetime={certificate.metadata.sealed_at} />