fix: inexplicit small amount message when repay (#1679)

* fix: inexplicit small amount message when repay

* chore: merged with main branch

* chore: changed updated small amount message

src/hooks/paraswap/common.ts

@@ -76,13 +76,34 @@ export const getParaswap = (chainId: ChainId) => {
   throw new Error('chain not supported');
 };
 
-export const MESSAGE_MAP: { [key: string]: string } = {
+const MESSAGE_MAP: { [key: string]: string } = {
   ESTIMATED_LOSS_GREATER_THAN_MAX_IMPACT:
     'Price impact too high. Please try a different amount or asset pair.',
   // not sure why this error-code is not upper-cased
   'No routes found with enough liquidity': 'No routes found with enough liquidity.',
 };
 
+const MESSAGE_REGEX_MAP: Array<{ regex: RegExp; message: string }> = [
+  {
+    regex: /^Amount \d+ is too small to proceed$/,
+    message: 'Amount is too small. Please try larger amount.',
+  },
+];
+
+/**
+ * Converts Paraswap error message to message for displaying in interface
+ * @param message Paraswap error message
+ * @returns Message for displaying in interface
+ */
+export function convertParaswapErrorMessage(message: string): string {
+  if (message in MESSAGE_MAP) {
+    return MESSAGE_MAP[message];
+  }
+
+  const newMessage = MESSAGE_REGEX_MAP.find((mapping) => mapping.regex.test(message))?.message;
+  return newMessage || 'There was an issue fetching data from Paraswap';
+}
+
 /**
  * Uses the Paraswap SDK to build the transaction parameters for a 'Sell', or 'Exact In' swap.
  * @param {OptimalRate} route

src/hooks/paraswap/useCollateralRepaySwap.tsx

@@ -3,11 +3,11 @@ import { OptimalRate } from '@paraswap/sdk';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import {
+  convertParaswapErrorMessage,
   fetchExactInRate,
   fetchExactInTxParams,
   fetchExactOutRate,
   fetchExactOutTxParams,
-  MESSAGE_MAP,
   SwapData,
   SwapTransactionParams,
   SwapVariant,
@@ -84,10 +84,9 @@ export const useCollateralRepaySwap = ({
     return fetchExactInRate(swapInData, swapOutData, chainId, userAddress);
   }, [chainId, swapInData, swapOutData, userAddress]);
 
-  const exactOutRate = useCallback(
-    () => fetchExactOutRate(swapInData, swapOutData, chainId, userAddress, max),
-    [chainId, max, swapInData, swapOutData, userAddress]
-  );
+  const exactOutRate = useCallback(() => {
+    return fetchExactOutRate(swapInData, swapOutData, chainId, userAddress, max);
+  }, [chainId, max, swapInData, swapOutData, userAddress]);
 
   useEffect(() => {
     if (skip) return;
@@ -141,7 +140,7 @@ export const useCollateralRepaySwap = ({
         setOutputAmountUSD(route.destUSD);
       } catch (e) {
         console.error(e);
-        const message = MESSAGE_MAP[e.message] || 'There was an issue fetching data from Paraswap';
+        const message = convertParaswapErrorMessage(e.message);
         setError(message);
       } finally {
         setLoading(false);

src/hooks/paraswap/useCollateralSwap.tsx

@@ -3,9 +3,9 @@ import { OptimalRate } from '@paraswap/sdk';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import {
+  convertParaswapErrorMessage,
   fetchExactInRate,
   fetchExactInTxParams,
-  MESSAGE_MAP,
   SwapData,
   SwapTransactionParams,
   UseSwapProps,
@@ -113,7 +113,7 @@ export const useCollateralSwap = ({
         setOutputAmountUSD(route.destUSD);
       } catch (e) {
         console.error(e);
-        const message = MESSAGE_MAP[e.message] || 'There was an issue fetching data from Paraswap';
+        const message = convertParaswapErrorMessage(e.message);
         setError(message);
       } finally {
         setLoading(false);

src/hooks/paraswap/useDebtSwitch.tsx

@@ -3,9 +3,9 @@ import { OptimalRate } from '@paraswap/sdk';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import {
+  convertParaswapErrorMessage,
   fetchExactOutRate,
   fetchExactOutTxParams,
-  MESSAGE_MAP,
   SwapData,
   SwapTransactionParams,
   UseSwapProps,
@@ -116,7 +116,7 @@ export const useDebtSwitch = ({
         setOutputAmountUSD(route.destUSD);
       } catch (e) {
         console.error(e);
-        const message = MESSAGE_MAP[e.message] || 'There was an issue fetching data from Paraswap';
+        const message = convertParaswapErrorMessage(e.message);
         setError(message);
       } finally {
         setLoading(false);