From 788b589323098d1cba1855e0a65e906ad7cfcaa6 Mon Sep 17 00:00:00 2001
From: zzq0826 <770166635@qq.com>
Date: Tue, 22 Jul 2025 16:42:01 +0800
Subject: [PATCH 1/2] Revert "Revert "fix: use Gwei""

This reverts commit 7a42ff59d66596021d215af38e5a4182097e749e.
---
 src/components/Header/GasPriceViewer.tsx       | 12 ++++++------
 src/components/Header/MobileGasPriceViewer.tsx | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Header/GasPriceViewer.tsx b/src/components/Header/GasPriceViewer.tsx
index 2db3de229..0b8072df8 100644
--- a/src/components/Header/GasPriceViewer.tsx
+++ b/src/components/Header/GasPriceViewer.tsx
@@ -1,5 +1,5 @@
 import { useMemo, useState } from "react"
-import { formatUnits } from "viem"
+import { formatGwei } from "viem"
 import { useGasPrice } from "wagmi"
 
 import { Box, Button, Fade, Paper, Popper, Stack, Typography } from "@mui/material"
@@ -25,14 +25,14 @@ const GasPriceViewer = () => {
 
   const displayedScrollGasPrice = useMemo(() => {
     if (scrollGasPrice) {
-      return Number(formatUnits(scrollGasPrice, 6)).toFixed(2)
+      return Number(formatGwei(scrollGasPrice)).toFixed(3)
     }
     return "-"
   }, [scrollGasPrice])
 
   const displayedEthereumGasPrice = useMemo(() => {
     if (ethereumGasPrice) {
-      return Number(formatUnits(ethereumGasPrice, 6)).toFixed(2)
+      return Number(formatGwei(ethereumGasPrice)).toFixed(3)
     }
     return "-"
   }, [ethereumGasPrice])
@@ -98,7 +98,7 @@ const GasPriceViewer = () => {
           {displayedScrollGasPrice}
         </Typography>
         <Typography component="span" sx={{ fontSize: "1.6rem", lineHeight: "2.4rem" }}>
-          Mwei
+          Gwei
         </Typography>
         <Popper
           open={Boolean(anchorEl)}
@@ -138,12 +138,12 @@ const GasPriceViewer = () => {
                 <Typography sx={{ fontSize: "inherit", lineHeight: "inherit", textAlign: "right", fontFamily: "var(--font-developer)" }}>
                   {displayedScrollGasPrice}
                 </Typography>
-                <span>Mwei</span>
+                <span>Gwei</span>
                 <span className="font-[600]">Ethereum</span>
                 <Typography sx={{ fontSize: "inherit", lineHeight: "inherit", textAlign: "right", fontFamily: "var(--font-developer)" }}>
                   {displayedEthereumGasPrice}
                 </Typography>
-                <span>Mwei</span>
+                <span>Gwei</span>
                 <Button
                   sx={{
                     fontSize: "1.6rem",
diff --git a/src/components/Header/MobileGasPriceViewer.tsx b/src/components/Header/MobileGasPriceViewer.tsx
index 8176f253b..8d5649bef 100644
--- a/src/components/Header/MobileGasPriceViewer.tsx
+++ b/src/components/Header/MobileGasPriceViewer.tsx
@@ -1,6 +1,6 @@
 import { motion } from "motion/react"
 import { useEffect, useMemo, useRef, useState } from "react"
-import { formatUnits } from "viem"
+import { formatGwei } from "viem"
 import { useGasPrice } from "wagmi"
 
 import { Box, Button, Collapse, Stack, Typography } from "@mui/material"
@@ -35,14 +35,14 @@ const MobileGasPriceViewer = props => {
 
   const displayedScrollGasPrice = useMemo(() => {
     if (scrollGasPrice) {
-      return commafy(formatUnits(scrollGasPrice, 6).toString(), 2)
+      return commafy(formatGwei(scrollGasPrice).toString(), 3)
     }
     return "-"
   }, [scrollGasPrice])
 
   const displayedEthereumGasPrice = useMemo(() => {
     if (ethereumGasPrice) {
-      return commafy(formatUnits(ethereumGasPrice, 6).toString(), 2)
+      return commafy(formatGwei(ethereumGasPrice).toString(), 3)
     }
     return "-"
   }, [ethereumGasPrice])
@@ -138,7 +138,7 @@ const MobileGasPriceViewer = props => {
             {displayedScrollGasPrice}
           </Typography>
           <Typography component="span" sx={{ color: "inherit", fontSize: "1.6rem", lineHeight: "2.4rem" }}>
-            Mwei
+            Gwei
           </Typography>
         </Stack>
         <Collapse in={gasPricePanelVisible} sx={{ width: "100%" }} timeout="auto" unmountOnExit>
@@ -169,7 +169,7 @@ const MobileGasPriceViewer = props => {
             >
               {displayedScrollGasPrice}
             </Typography>
-            <span>Mwei</span>
+            <span>Gwei</span>
             <span className="font-[600]">Ethereum</span>
             <Typography
               sx={{
@@ -182,7 +182,7 @@ const MobileGasPriceViewer = props => {
             >
               {displayedEthereumGasPrice}
             </Typography>
-            <span>Mwei</span>
+            <span>Gwei</span>
             <Button
               sx={{
                 fontSize: "1.6rem",

From 4f56e18058fc6d8d7c73db1aa05595860e4f138d Mon Sep 17 00:00:00 2001
From: zzq0826 <770166635@qq.com>
Date: Tue, 22 Jul 2025 16:45:25 +0800
Subject: [PATCH 2/2] Adjust digits

---
 src/components/Header/GasPriceViewer.tsx       | 2 +-
 src/components/Header/MobileGasPriceViewer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/GasPriceViewer.tsx b/src/components/Header/GasPriceViewer.tsx
index 0b8072df8..3621904a2 100644
--- a/src/components/Header/GasPriceViewer.tsx
+++ b/src/components/Header/GasPriceViewer.tsx
@@ -25,7 +25,7 @@ const GasPriceViewer = () => {
 
   const displayedScrollGasPrice = useMemo(() => {
     if (scrollGasPrice) {
-      return Number(formatGwei(scrollGasPrice)).toFixed(3)
+      return Number(formatGwei(scrollGasPrice)).toFixed(5)
     }
     return "-"
   }, [scrollGasPrice])
diff --git a/src/components/Header/MobileGasPriceViewer.tsx b/src/components/Header/MobileGasPriceViewer.tsx
index 8d5649bef..50855c070 100644
--- a/src/components/Header/MobileGasPriceViewer.tsx
+++ b/src/components/Header/MobileGasPriceViewer.tsx
@@ -35,7 +35,7 @@ const MobileGasPriceViewer = props => {
 
   const displayedScrollGasPrice = useMemo(() => {
     if (scrollGasPrice) {
-      return commafy(formatGwei(scrollGasPrice).toString(), 3)
+      return commafy(formatGwei(scrollGasPrice).toString(), 5)
     }
     return "-"
   }, [scrollGasPrice])