From d2903646b1a245a8fc5433479d86edbe69a74c50 Mon Sep 17 00:00:00 2001
From: Yashvardhan Jagnani <60016972+jagnani73@users.noreply.github.com>
Date: Sat, 19 Oct 2024 05:04:54 +0530
Subject: [PATCH] fix(gas card): units precision (#223)

---
 src/components/Molecules/GasCard/GasCard.tsx | 28 +++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/Molecules/GasCard/GasCard.tsx b/src/components/Molecules/GasCard/GasCard.tsx
index 409329ac..2683cd22 100644
--- a/src/components/Molecules/GasCard/GasCard.tsx
+++ b/src/components/Molecules/GasCard/GasCard.tsx
@@ -10,7 +10,10 @@ import type { Option } from "@/utils/option";
 import { None, Some } from "@/utils/option";
 import { useGoldRush } from "@/utils/store";
 import type { GasCardData, GasCardProps } from "@/utils/types/molecules.types";
-import { type GoldRushResponse } from "@covalenthq/client-sdk";
+import {
+    calculatePrettyBalance,
+    type GoldRushResponse,
+} from "@covalenthq/client-sdk";
 import { useEffect, useMemo, useState } from "react";
 
 export const GasCard: React.FC<GasCardProps> = ({ chain_name }) => {
@@ -161,12 +164,15 @@ export const GasCard: React.FC<GasCardProps> = ({ chain_name }) => {
                                     </p>
 
                                     <p className="text-lg">
-                                        {Math.round(
-                                            (Number(
+                                        {calculatePrettyBalance(
+                                            Number(
                                                 result?.[selectedValue]
                                                     .base_fee,
-                                            ) ?? 0) / Math.pow(10, 9),
-                                        ).toFixed(2)}{" "}
+                                            ),
+                                            9,
+                                            true,
+                                            4,
+                                        )}{" "}
                                         Gwei
                                     </p>
                                 </div>
@@ -200,10 +206,14 @@ export const GasCard: React.FC<GasCardProps> = ({ chain_name }) => {
                                                     {copy[i].content}
 
                                                     <p>
-                                                        {Math.round(
-                                                            Number(gas_price) /
-                                                                Math.pow(10, 9),
-                                                        ).toFixed(2)}{" "}
+                                                        {calculatePrettyBalance(
+                                                            Number(
+                                                                gas_price ?? 0,
+                                                            ),
+                                                            9,
+                                                            true,
+                                                            4,
+                                                        )}{" "}
                                                         Gwei
                                                         {pretty_total_gas_quote && (
                                                             <span className="ml-1 text-sm text-secondary-light dark:text-secondary-dark">