From 137f93e9c1ae356d7c9083af3f5a020124b80158 Mon Sep 17 00:00:00 2001
From: welliton gervickas <wellitogervickas@gmail.com>
Date: Sat, 9 Dec 2023 18:56:46 -0300
Subject: [PATCH] fix: bridge token

---
 .../components/BridgeButton.tsx                  | 16 ++++++++--------
 .../lib/hooks/useBridgeFees.ts                   |  2 ++
 app/lib/wallet/hooks/useERC20Approve.ts          |  2 +-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/[locale]/apps/[id]/crosschain-nft-bridge/components/BridgeButton.tsx b/app/[locale]/apps/[id]/crosschain-nft-bridge/components/BridgeButton.tsx
index 86cddac..9e8b1f3 100644
--- a/app/[locale]/apps/[id]/crosschain-nft-bridge/components/BridgeButton.tsx
+++ b/app/[locale]/apps/[id]/crosschain-nft-bridge/components/BridgeButton.tsx
@@ -105,17 +105,17 @@ export const BridgeButton = ({
             />
           ) : (
             <div className='flex flex-col space-y-4'>
-              <div>
-                <ul>
-                  <li>
-                    Fees (Link):{' '}
-                    {ethers.formatEther(bridgeFeesField || 0n).toString()}
-                  </li>
+              <ul>
+                <li>
+                  Fees (Link):
+                  {ethers.formatEther(bridgeFeesField || 0n).toString()}
+                </li>
+                {symbol && (
                   <li>
                     <Text>NFT to bridge: {symbol}</Text>
                   </li>
-                </ul>
-              </div>
+                )}
+              </ul>
               <Button
                 type={isERC721Approved ? 'submit' : 'button'}
                 className='w-full'
diff --git a/app/[locale]/apps/[id]/crosschain-nft-bridge/lib/hooks/useBridgeFees.ts b/app/[locale]/apps/[id]/crosschain-nft-bridge/lib/hooks/useBridgeFees.ts
index d8a4527..a06451c 100644
--- a/app/[locale]/apps/[id]/crosschain-nft-bridge/lib/hooks/useBridgeFees.ts
+++ b/app/[locale]/apps/[id]/crosschain-nft-bridge/lib/hooks/useBridgeFees.ts
@@ -101,6 +101,8 @@ export const useBridgeFees = ({
     )
   }
 
+  console.log(payload)
+
   const getFeeResult = useContractRead({
     address: targetEvmChainIdSettings?.adapter as `0x${string}`,
     abi: BASE_ADAPTER_ABI,
diff --git a/app/lib/wallet/hooks/useERC20Approve.ts b/app/lib/wallet/hooks/useERC20Approve.ts
index 0b35e6e..5485014 100644
--- a/app/lib/wallet/hooks/useERC20Approve.ts
+++ b/app/lib/wallet/hooks/useERC20Approve.ts
@@ -58,7 +58,7 @@ export const useERC20Approve = ({
 
   const isApproved = useMemo(() => {
     return (ERC20Approved || 0n) >= amount
-  }, [ERC20Approved])
+  }, [ERC20Approved, amount])
 
   return {
     approve: writeAsync,