Refactor error message handling in SwapPage for mobile compatibility …

…and remove unnecessary whitespace in AssetAndChainSelectorModalSearchInput
skip-mev · Jan 30, 2025 · d146175 · d146175
1 parent 7642e53
commit d146175
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/...es/widget/src/modals/AssetAndChainSelectorModal/AssetAndChainSelectorModalSearchInput.tsx b/...es/widget/src/modals/AssetAndChainSelectorModal/AssetAndChainSelectorModalSearchInput.tsx
@@ -80,7 +80,6 @@ export const AssetAndChainSelectorModalSearchInput = ({
         onChange={handleSearch}
         onKeyDown={onKeyDown}
       />
-
       <Row align="center" gap={5}>
         {!isMobileScreenSize && (
           <>

diff --git a/packages/widget/src/pages/SwapPage/SwapPage.tsx b/packages/widget/src/pages/SwapPage/SwapPage.tsx
@@ -214,11 +214,14 @@ export const SwapPage = () => {
     }
 
     if (isRouteError) {
+      // special case for multi-tx routes on mobile
+      const errMsg = routeError?.message.startsWith("no single-tx routes found") 
+        ? "Multiple signature routes are currently only supported on the Skip:Go desktop app" : routeError?.message;
       return (
         <MainButton
-          label={routeError?.message ?? "No routes found"}
+          label={errMsg ?? "No routes found"}
           disabled
-          fontSize={routeError?.message ? 18 : 24}
+          fontSize={errMsg ? 18 : 24}
         />
       );
     }