fix: build route price impact

src/components/SwapForm/SwapModal/ConfirmSwapModalContent.tsx

@@ -190,6 +190,7 @@ export default function ConfirmSwapModalContent({
       parsedAmountOutFromBuild = toCurrencyAmount(routeSummary.parsedAmountOut.currency, amountOut)
 
       amountOutUsdFromBuild = buildResult.data.amountOutUsd
+      amountInUsd = buildResult.data.amountInUsd
     }
   }
 

src/components/SwapForm/hooks/useBuildRoute.tsx

@@ -1,3 +1,4 @@
+import { Currency } from '@kyberswap/ks-sdk-core'
 import { t } from '@lingui/macro'
 import { useCallback, useRef } from 'react'
 import { useSearchParams } from 'react-router-dom'
@@ -28,10 +29,12 @@ type Args = {
   slippage: number
   transactionTimeout: number
   permit?: string
+  currencyIn: Currency | undefined
+  currencyOut: Currency | undefined
 }
 
 const useBuildRoute = (args: Args) => {
-  const { recipient, routeSummary, slippage, transactionTimeout, permit } = args
+  const { recipient, routeSummary, slippage, transactionTimeout, permit, currencyIn, currencyOut } = args
   const [searchParams] = useSearchParams()
   const clientId = searchParams.get('clientId')
   const { chainId, account } = useActiveWeb3React()
@@ -65,6 +68,10 @@ const useBuildRoute = (args: Args) => {
       skipSimulateTx: false,
       enableGasEstimation: true,
       permit,
+      // for calculating price impact only
+      chainId,
+      tokenInDecimals: currencyIn?.decimals,
+      tokenOutDecimals: currencyOut?.decimals,
     }
 
     try {
@@ -105,6 +112,8 @@ const useBuildRoute = (args: Args) => {
     buildRoute,
     isEnableAuthenAggregator,
     permit,
+    currencyIn?.decimals,
+    currencyOut?.decimals,
   ])
 
   return fetcher

src/components/SwapForm/index.tsx

@@ -142,6 +142,8 @@ const SwapForm: React.FC<SwapFormProps> = props => {
     slippage,
     transactionTimeout,
     permit,
+    currencyIn,
+    currencyOut,
   })
 
   const swapInputError = useGetInputError({

src/services/route/index.ts

@@ -82,16 +82,62 @@ const routeApi = createApi({
       BuildRouteResponse,
       { url: string; payload: BuildRoutePayload; signal?: AbortSignal; authentication: boolean }
     >({
-      query: ({ url, payload, signal, authentication }) => ({
-        url,
-        method: 'POST',
-        body: payload,
-        signal,
-        authentication,
-        headers: {
-          'x-client-id': payload.source || 'kyberswap',
-        },
-      }),
+      query: ({ url, payload, signal, authentication }) => {
+        const { chainId, tokenInDecimals, tokenOutDecimals, ...rest } = payload
+        return {
+          url,
+          method: 'POST',
+          body: rest,
+          signal,
+          authentication,
+          headers: {
+            'x-client-id': payload.source || 'kyberswap',
+          },
+        }
+      },
+      async transformResponse(baseResponse: BuildRouteResponse, _meta, { payload }): Promise<BuildRouteResponse> {
+        const { data } = baseResponse || {}
+        const { chainId, tokenInDecimals, tokenOutDecimals, routeSummary } = payload || {}
+        const { tokenIn, tokenOut } = routeSummary || {}
+
+        // Ensure all necessary data is available
+        if (data && routeSummary && chainId && tokenInDecimals && tokenOutDecimals) {
+          const { amountIn, amountOut } = routeSummary
+
+          // Build the URL for the price impact API request
+          const priceImpactUrl = new URL(`${BFF_API}/v1/price-impact`)
+          priceImpactUrl.searchParams.append('tokenIn', tokenIn)
+          priceImpactUrl.searchParams.append('tokenInDecimal', tokenInDecimals.toString())
+          priceImpactUrl.searchParams.append('tokenOut', tokenOut)
+          priceImpactUrl.searchParams.append('tokenOutDecimal', tokenOutDecimals.toString())
+          priceImpactUrl.searchParams.append('amountIn', amountIn)
+          priceImpactUrl.searchParams.append('amountOut', amountOut)
+          priceImpactUrl.searchParams.append('chainId', chainId.toString())
+
+          try {
+            // Fetch price impact data
+            const priceImpactResponse = await fetch(priceImpactUrl.toString()).then(res => res.json())
+            const { amountInUSD, amountOutUSD } = priceImpactResponse?.data || {}
+
+            // Update routeSummary with USD values if available
+            if (amountInUSD && amountOutUSD) {
+              return {
+                ...baseResponse,
+                data: {
+                  ...data,
+                  amountInUsd: amountInUSD,
+                  amountOutUsd: amountOutUSD,
+                },
+              }
+            }
+          } catch (error) {
+            console.error('Failed to fetch price impact:', error)
+          }
+        }
+
+        // Return original response if conditions are not met or request fails
+        return baseResponse
+      },
     }),
   }),
 })

src/services/route/types/buildRoute.ts

@@ -10,6 +10,10 @@ export type BuildRoutePayload = {
   skipSimulateTx: boolean
   enableGasEstimation?: boolean
   permit?: string
+  // for calculating price impact only
+  chainId?: number
+  tokenInDecimals?: number
+  tokenOutDecimals?: number
 }
 
 export type BuildRouteData = {