Best gas unit (#504)

* feat: Find best unit for Blob gas price * chore: update changeset * Update .changeset/hip-maps-agree.md Co-authored-by: elessar.eth <[email protected]> * chore: update changeset --------- Co-authored-by: elessar.eth <[email protected]>
Blobscan · Aug 19, 2024 · 7de9681 · 7de9681
1 parent 06eda30
commit 7de9681
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/hip-maps-agree.md b/.changeset/hip-maps-agree.md
@@ -0,0 +1,5 @@
+---
+"@blobscan/web": patch
+---
+
+Updated latest blob gas price metric to display the most suitable unit, replacing the previously fixed `Gwei` format
diff --git a/apps/web/src/components/ExplorerDetails.tsx b/apps/web/src/components/ExplorerDetails.tsx
@@ -55,7 +55,6 @@ export function ExplorerDetails() {
           amount={BigInt(
             Math.round(Number(latestBlock.blobGasPrice.toString()))
           )}
-          toUnit="Gwei"
         />
       ),
     },

diff --git a/apps/web/src/pages/block/[id].tsx b/apps/web/src/pages/block/[id].tsx
@@ -7,7 +7,7 @@ import { Card } from "~/components/Cards/Card";
 import { BlobTransactionCard } from "~/components/Cards/SurfaceCards/BlobTransactionCard";
 import { Copyable } from "~/components/CopyToClipboard";
 import { BlobGasUsageDisplay } from "~/components/Displays/BlobGasUsageDisplay";
-import { StandardEtherUnitDisplay } from "~/components/Displays/StandardEtherUnitDisplay";
+import { EtherUnitDisplay } from "~/components/Displays/EtherUnitDisplay";
 import { DetailsLayout } from "~/components/Layouts/DetailsLayout";
 import type { DetailsLayoutProps } from "~/components/Layouts/DetailsLayout";
 import { Link } from "~/components/Link";
@@ -113,7 +113,7 @@ const Block: NextPage = function () {
       },
       {
         name: "Blob Gas Price",
-        value: <StandardEtherUnitDisplay amount={blockData.blobGasPrice} />,
+        value: <EtherUnitDisplay amount={blockData.blobGasPrice} />,
       },
       {
         name: "Blob Gas Used",