Merge pull request #2742 from synapsecns/fe/bridge-quote-validation

fix(synapse-interface): RFQ input vs bridgeQuote validation

packages/synapse-interface/components/StateManagedBridge/BridgeTransactionButton.tsx

@@ -1,8 +1,6 @@
-import { useSelector } from 'react-redux'
 import { useMemo } from 'react'
 import { TransactionButton } from '@/components/buttons/TransactionButton'
 import { EMPTY_BRIDGE_QUOTE, EMPTY_BRIDGE_QUOTE_ZERO } from '@/constants/bridge'
-import { RootState } from '@/store/store'
 import { useAccount, useAccountEffect, useSwitchChain } from 'wagmi'
 import { useEffect, useState } from 'react'
 import { isAddress } from 'viem'
@@ -12,10 +10,7 @@ import { stringToBigInt } from '@/utils/bigint/format'
 import { useBridgeDisplayState, useBridgeState } from '@/slices/bridge/hooks'
 import { usePortfolioBalances } from '@/slices/portfolio/hooks'
 import { useAppDispatch } from '@/store/hooks'
-import {
-  setIsDestinationWarningAccepted,
-  setShowDestinationWarning,
-} from '@/slices/bridgeDisplaySlice'
+import { setIsDestinationWarningAccepted } from '@/slices/bridgeDisplaySlice'
 
 export const BridgeTransactionButton = ({
   approveTxn,
@@ -67,23 +62,31 @@ export const BridgeTransactionButton = ({
     )
   }, [balanceForToken, fromValue, fromChainId, toChainId, toToken])
 
+  const fromTokenDecimals: number | undefined =
+    fromToken && fromToken?.decimals[fromChainId]
+
+  const fromValueBigInt = useMemo(() => {
+    return fromTokenDecimals ? stringToBigInt(fromValue, fromTokenDecimals) : 0
+  }, [fromValue, fromTokenDecimals])
+
+  const bridgeQuoteAmountGreaterThanInputForRfq = useMemo(() => {
+    return (
+      bridgeQuote.bridgeModuleName === 'SynapseRFQ' &&
+      bridgeQuote.outputAmount > fromValueBigInt
+    )
+  }, [bridgeQuote.outputAmount, fromValueBigInt])
+
   const isButtonDisabled =
     isLoading ||
     bridgeQuote === EMPTY_BRIDGE_QUOTE_ZERO ||
     bridgeQuote === EMPTY_BRIDGE_QUOTE ||
     (destinationAddress && !isAddress(destinationAddress)) ||
     (isConnected && !sufficientBalance) ||
+    bridgeQuoteAmountGreaterThanInputForRfq ||
     isBridgePaused
 
   let buttonProperties
 
-  const fromTokenDecimals: number | undefined =
-    fromToken && fromToken?.decimals[fromChainId]
-
-  const fromValueBigInt = useMemo(() => {
-    return fromTokenDecimals ? stringToBigInt(fromValue, fromTokenDecimals) : 0
-  }, [fromValue, fromTokenDecimals])
-
   if (isBridgePaused) {
     buttonProperties = {
       label: 'Bridge paused',
@@ -113,6 +116,11 @@ export const BridgeTransactionButton = ({
       label: `Amount must be greater than fee`,
       onClick: null,
     }
+  } else if (bridgeQuoteAmountGreaterThanInputForRfq) {
+    buttonProperties = {
+      label: 'Invalid bridge quote',
+      onClick: null,
+    }
   } else if (!isConnected && fromValueBigInt > 0) {
     buttonProperties = {
       label: `Connect Wallet to Bridge`,