diff --git a/explorer/src/components/block/BlockHistoryCard.tsx b/explorer/src/components/block/BlockHistoryCard.tsx index ff47db8fc..04bd56f2c 100644 --- a/explorer/src/components/block/BlockHistoryCard.tsx +++ b/explorer/src/components/block/BlockHistoryCard.tsx @@ -15,6 +15,7 @@ import { pickClusterParams, useQuery } from "utils/url"; import { useCluster } from "providers/cluster"; import { displayAddress } from "utils/tx"; import { parseProgramLogs } from "utils/program-logs"; +import { SolBalance } from "utils"; const PAGE_SIZE = 25; @@ -33,10 +34,11 @@ const useQueryAccountFilter = (query: URLSearchParams): PublicKey | null => { return null; }; -type SortMode = "index" | "compute"; +type SortMode = "index" | "compute" | "fee"; const useQuerySort = (query: URLSearchParams): SortMode => { const sort = query.get("sort"); if (sort === "compute") return "compute"; + if (sort === "fee") return "fee"; return "index"; }; @@ -151,6 +153,8 @@ export function BlockHistoryCard({ block }: { block: BlockResponse }) { if (sortMode === "compute" && showComputeUnits) { filteredTxs.sort((a, b) => b.computeUnits! - a.computeUnits!); + } else if (sortMode === "fee") { + filteredTxs.sort((a, b) => (b.meta?.fee || 0) - (a.meta?.fee || 0)); } return [filteredTxs, showComputeUnits]; @@ -217,9 +221,18 @@ export function BlockHistoryCard({ block }: { block: BlockResponse }) {