diff --git a/src/components/Header/GasPriceViewer.tsx b/src/components/Header/GasPriceViewer.tsx index 2db3de229..3621904a2 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(5) } 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} - Mwei + Gwei { {displayedScrollGasPrice} - Mwei + Gwei Ethereum {displayedEthereumGasPrice} - Mwei + Gwei