diff --git a/src/pages/Explorer/BlockTable.tsx b/src/pages/Explorer/BlockTable.tsx index a903560..04829ce 100644 --- a/src/pages/Explorer/BlockTable.tsx +++ b/src/pages/Explorer/BlockTable.tsx @@ -8,6 +8,7 @@ import { twMerge } from "tailwind-merge" import { BlockInfo, blocksByHeight$, finalized$ } from "./block.state" import { BlockPopover } from "./BlockPopover" import * as Finalizing from "./FinalizingTable" +import { Link } from "react-router-dom" const best$ = chainHead$.pipeState(switchMap((chainHead) => chainHead.best$)) @@ -124,7 +125,9 @@ export const BlockTable = () => { "border-b-card-foreground/50", )} > - {row.block.number.toLocaleString()} + + {row.block.number.toLocaleString()} + ) : null} diff --git a/src/pages/Explorer/Events.tsx b/src/pages/Explorer/Events.tsx index b0c61f3..806bc48 100644 --- a/src/pages/Explorer/Events.tsx +++ b/src/pages/Explorer/Events.tsx @@ -5,6 +5,7 @@ import { finalized$ } from "./block.state" import { EventPopover } from "./EventPopover" import { eventKey, recentEvents$ } from "./events.state" import * as Finalizing from "./FinalizingTable" +import { Link } from "react-router-dom" export const Events = () => { const events = useStateObservable(recentEvents$) @@ -41,7 +42,9 @@ export const Events = () => { firstInGroup > - {evt.number.toLocaleString()} + + {evt.number.toLocaleString()} + { )} rowSpan={span} > - {key} + + {key} + )}