no routes button fixed

src/components/buttons/SwapButton/getButtonType.ts

@@ -3,12 +3,16 @@ import { ButtonType } from './constants'
 import { isInsufficientFee } from './isInsufficientFee'
 
 export function getButtonType(swapState: SwapState, isConnected: boolean): ButtonType {
-	const { from, to, routes, isLoading, balance } = swapState
+	const { from, to, routes, isLoading, balance, isNoRoutes } = swapState
 
 	if (isLoading) {
 		return ButtonType.LOADING
 	}
 
+	if (isNoRoutes) {
+		return ButtonType.NO_ROUTES
+	}
+
 	if (!isConnected) {
 		return ButtonType.CONNECT_WALLET
 	}

src/components/cards/SwapCard/getRoutes/fetchWalletBalancesOnStepChains.ts

@@ -16,6 +16,8 @@ export async function fetchWalletBalancesOnStepChains(routes: StandardRoute[], s
 		})
 	})
 
+	if (!chainIds.length) return
+
 	const walletBalances = await fetchBalancesByChainIds(chainIds, walletAddress as string)
 	swapDispatch({ type: SwapActionType.SET_WALLET_BALANCES, balances: walletBalances })
 }

src/components/cards/SwapCard/getRoutes/getRoutes.ts

@@ -47,6 +47,11 @@ export const getRoutes = async (from: SwapStateDirection, to: SwapStateDirection
 
 	try {
 		await Promise.all([getLifiRoutes({ routes, from, to, settings, swapDispatch }), getRangoRoutes({ routes, from, to, settings, swapDispatch })])
+
+		if (!routes.length) {
+			swapDispatch({ type: 'SET_IS_NO_ROUTES', status: true })
+		}
+
 		await fetchWalletBalancesOnStepChains(routes, swapDispatch, from.address)
 	} catch (error) {
 		console.error(error)

src/components/cards/SwapCard/handlers/handleRoutes.ts

@@ -5,4 +5,5 @@ export const clearRoutes = (typingTimeoutRef: MutableRefObject<number | undefine
 	if (typingTimeoutRef.current) clearTimeout(typingTimeoutRef.current)
 	swapDispatch({ type: 'CLEAR_ROUTES' })
 	swapDispatch({ type: 'RESET_AMOUNTS', direction: 'to' })
+	swapDispatch({ type: 'SET_IS_NO_ROUTES', status: false })
 }

src/components/cards/SwapCard/swapReducer/swapActions.ts

@@ -93,6 +93,7 @@ export const swapActions: SwapAction = {
 	// 	}
 	// },
 	SET_WALLET_BALANCES: (state: SwapState, action: SwapAction) => ({ ...state, walletBalances: action.balances }),
+	SET_IS_NO_ROUTES: (state: SwapState, action: SwapAction) => ({ ...state, isNoRoutes: action.status }),
 }
 
 function updateLastSwapState(state: SwapState): SwapState {

src/components/cards/SwapCard/swapReducer/swapInitialState.ts

@@ -18,6 +18,7 @@ export const swapInitialState = (selection): SwapState => ({
 	},
 	balance: null,
 	routes: [],
+	isNoRoutes: false,
 	isLoading: false,
 	selectedRoute: null,
 	typingTimeout: 0,

src/components/cards/SwapCard/swapReducer/types.ts

@@ -43,6 +43,7 @@ export interface SwapState {
 	from: SwapStateDirection
 	to: SwapStateDirection
 	routes: StandardRoute[]
+	isNoRoutes: boolean
 	isLoading: boolean
 	selectedRoute: StandardRoute | null
 	typingTimeout: number
@@ -111,3 +112,4 @@ export type SwapAction =
 	| { type: 'UPDATE_LAST_SWAP_STEP' }
 	| { type: 'UPDATE_PREV_RANGO_STEPS'; currentTransactionStatus: TransactionStatus }
 	| { type: SwapActionType.SET_WALLET_BALANCES; balances: ConceroBalanceResponse | null }
+	| { type: 'SET_IS_NO_ROUTES'; status: boolean }