From 23879b82aec042e76a4a3b5da99f9ec07067ca23 Mon Sep 17 00:00:00 2001
From: William Luke <williamluke4@gmail.com>
Date: Tue, 26 Mar 2024 17:45:58 +0300
Subject: [PATCH] fix: fee percentage

---
 src/components/swap/forms/swap-form.tsx | 4 ++--
 src/components/swap/hooks.tsx           | 2 ++
 src/components/swap/swap-pool.tsx       | 7 +------
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/swap/forms/swap-form.tsx b/src/components/swap/forms/swap-form.tsx
index 84d6083..cdcedcd 100644
--- a/src/components/swap/forms/swap-form.tsx
+++ b/src/components/swap/forms/swap-form.tsx
@@ -283,14 +283,14 @@ export function SwapForm({
         {/* Fee */}
         <div className="flex justify-between text-gray-400">
           <span>Fee</span>
-          <span>{Number(swapPool.feePpm) / 10000} %</span>
+          <span>{swapPool.feePercentage.toString()} %</span>
         </div>
         <div className="flex justify-between text-gray-400">
           <span>Amount</span>
           <span>
             {(
               Number(amount ?? "0") *
-              (Number(swapPool.feePpm) / 10000)
+              (swapPool.feePercentage / 100)
             ).toString() + ` ${fromToken?.symbol ?? ""}`}
           </span>
         </div>
diff --git a/src/components/swap/hooks.tsx b/src/components/swap/hooks.tsx
index bc2f8b8..b361378 100644
--- a/src/components/swap/hooks.tsx
+++ b/src/components/swap/hooks.tsx
@@ -343,8 +343,10 @@ export const useSwapPool = (address: `0x${string}`) => {
     address,
     tokenLimiter
   );
+  const feePercentage = feePpm ? Number(feePpm) / 10000 : 0
   return {
     address: address,
+    feePercentage,
     tokenIndex,
     owner,
     name,
diff --git a/src/components/swap/swap-pool.tsx b/src/components/swap/swap-pool.tsx
index 1888b48..d4a5234 100644
--- a/src/components/swap/swap-pool.tsx
+++ b/src/components/swap/swap-pool.tsx
@@ -65,12 +65,7 @@ export const SwapPoolDetails = ({ address }: { address: `0x${string}` }) => {
         <Row label="Owner" value={pool.owner ?? ""} />
         <Row label="Quoter" value={pool.quoter ?? ""} />
         <Row label="Fee Address" value={pool.feeAddress ?? ""} />
-        <Row
-          label="Fee"
-          value={
-            pool.feePpm ? (pool.feePpm / BigInt(1000)).toString() + " %" : ""
-          }
-        />
+        <Row label="Fee" value={pool.feePercentage.toString() + " %"} />
         <Row label="Limiter" value={pool.tokenLimiter ?? ""} />
       </CardContent>
     </Card>