Merge pull request #90 from skip-mev/descriptive-route-errors

Add more descriptive errors for routes
skip-mev · Nov 8, 2023 · 67edff7 · 67edff7
2 parents 8c85cde + 576180b
commit 67edff7
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 3 deletions.
diff --git a/src/components/SwapWidget/SwapWidget.tsx b/src/components/SwapWidget/SwapWidget.tsx
@@ -41,7 +41,7 @@ export const SwapWidget: FC = () => {
     onSourceAssetChange,
     onDestinationChainChange,
     onDestinationAssetChange,
-    noRouteFound,
+    routeError,
   } = useSwapWidget();
 
   const {
@@ -165,9 +165,9 @@ export const SwapWidget: FC = () => {
               numberOfTransactions={numberOfTransactions}
             />
           )}
-          {noRouteFound && (
+          {routeError !== "" && (
             <div className="bg-red-50 text-red-500 font-medium uppercase text-xs p-3 rounded-md flex items-center w-full text-left">
-              <p className="flex-1">No route found</p>
+              <p className="flex-1">{routeError}</p>
             </div>
           )}
           {destinationChain?.chainID === "dydx-mainnet-1" ? (

diff --git a/src/components/SwapWidget/useSwapWidget.ts b/src/components/SwapWidget/useSwapWidget.ts
@@ -38,6 +38,7 @@ export function useSwapWidget() {
     data: routeResponse,
     fetchStatus: routeFetchStatus,
     isError: routeQueryIsError,
+    error: routeQueryError,
   } = useRoute(
     amountInWei,
     formValues.sourceAsset?.denom,
@@ -47,6 +48,34 @@ export function useSwapWidget() {
     true,
   );
 
+  const errorMessage = useMemo(() => {
+    if (!routeQueryError) {
+      return "";
+    }
+
+    if (routeQueryError instanceof Error) {
+      if (
+        routeQueryError.message.includes(
+          "no swap route found after axelar fee of",
+        )
+      ) {
+        return "Amount is too low to cover Axelar fees";
+      }
+
+      if (
+        routeQueryError.message.includes(
+          "evm native destination tokens are currently not supported",
+        )
+      ) {
+        return "EVM native destination tokens are currently not supported";
+      }
+
+      return "Route not found";
+    }
+
+    return String(routeQueryError);
+  }, [routeQueryError]);
+
   const numberOfTransactions = useMemo(() => {
     if (!routeResponse) {
       return 0;
@@ -140,6 +169,7 @@ export function useSwapWidget() {
     onDestinationChainChange,
     onDestinationAssetChange,
     noRouteFound: routeQueryIsError,
+    routeError: errorMessage,
   };
 }