IGP payment validation clarification (#82)

* Check user's IGP payment token * Use gas token symbol in toast --------- Co-authored-by: Trevor Porter <[email protected]>
hyperlane-xyz · Nov 14, 2023 · 28f2dbc · 28f2dbc · vercel · Nov 14, 2023
1 parent 3c2ca72
commit 28f2dbc
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/features/transfer/TransferTokenForm.tsx b/src/features/transfer/TransferTokenForm.tsx
@@ -543,21 +543,26 @@ function validateFormValues(
     if (sendValue.gt(balances.senderTokenBalance)) return { amount: 'Insufficient balance' };
     // Ensure balances can cover IGP fees
     const igpWeiAmount = new BigNumber(igpQuote?.weiAmount || 0);
-    const requiredNativeBalance =
+    // If the route is from a Cosmos chain, we charge fees in the sending token.
+    // Otherwise, we charge fees in the native token of the sending chain.
+    const userIgpTokenBalance =
+      originProtocol === ProtocolType.Cosmos
+        ? balances.senderTokenBalance
+        : balances.senderNativeBalance;
+    const requiredIgpTokenBalance =
       isRouteFromNative(route) || originProtocol === ProtocolType.Cosmos
         ? sendValue.plus(igpWeiAmount)
         : igpWeiAmount;
 
     const nativeToken = getChainMetadata(originCaip2Id)?.nativeToken;
     const nativeDecimals = nativeToken?.decimals || 18;
     const gasTokenSymbol =
-      originProtocol === ProtocolType.Cosmos
-        ? tokenMetadata.symbol
-        : nativeToken?.symbol || 'native token';
+      (originProtocol === ProtocolType.Cosmos ? tokenMetadata.symbol : nativeToken?.symbol) ||
+      'native token';
     const igpAmountPretty = fromWei(igpWeiAmount, nativeDecimals);
 
-    if (requiredNativeBalance.gt(balances.senderNativeBalance)) {
-      toastIgpDetails(igpAmountPretty);
+    if (requiredIgpTokenBalance.gt(userIgpTokenBalance)) {
+      toastIgpDetails(igpAmountPretty, gasTokenSymbol);
       return { amount: `Insufficient ${gasTokenSymbol} for gas` };
     }
   } else {