From a617846af14fdfe93fa63ac5a045655c459c6490 Mon Sep 17 00:00:00 2001
From: asiaznik <artur@vegaprotocol.io>
Date: Thu, 25 Jan 2024 19:41:31 +0100
Subject: [PATCH] chore: display unit price

---
 libs/withdraws/src/lib/withdraw-limits.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/libs/withdraws/src/lib/withdraw-limits.tsx b/libs/withdraws/src/lib/withdraw-limits.tsx
index 671269c0177..645d742b114 100644
--- a/libs/withdraws/src/lib/withdraw-limits.tsx
+++ b/libs/withdraws/src/lib/withdraw-limits.tsx
@@ -152,6 +152,12 @@ const GasPrice = ({
 
     return (
       <div className={classNames('flex flex-col items-end self-end')}>
+        <Tooltip description={t('The current gas price range')}>
+          <span>
+            {formatNumber(utils.formatUnits(basePrice, 'gwei'), 2)} -{' '}
+            {formatNumber(utils.formatUnits(maxPrice, 'gwei'), 2)} gwei / gas
+          </span>
+        </Tooltip>
         <Tooltip
           description={
             <div className="flex flex-col gap-1">
@@ -164,19 +170,25 @@ const GasPrice = ({
                 </span>
               )}
               <span>
-                {bEther} ETH - {mEther} ETH
+                {gas.toString()} gas &times;{' '}
+                {formatNumber(utils.formatUnits(basePrice, 'gwei'), 2)} gwei ={' '}
+                {bEther} ETH
+              </span>
+              <span>
+                {gas.toString()} gas &times;{' '}
+                {formatNumber(utils.formatUnits(maxPrice, 'gwei'), 2)} gwei ={' '}
+                {mEther} ETH
               </span>
             </div>
           }
         >
-          <span className={classNames(expensiveClassNames)}>
-            {formatNumber(bGwei, 0)} gwei
-            <span className="text-xs"> - {formatNumber(mGwei, 0)} gwei</span>
+          <span className={classNames(expensiveClassNames, 'text-xs')}>
+            {formatNumber(bGwei, 0)} - {formatNumber(mGwei, 0)} gwei
           </span>
         </Tooltip>
 
         <span className="text-muted text-xs">
-          ~{formatNumber(bQUSD, 2)} qUSD - ~{formatNumber(mQUSD, 2)} qUSD
+          ~{formatNumber(bQUSD, 2)} - {formatNumber(mQUSD, 2)} qUSD
         </span>
       </div>
     );