"Implement separate netApy and borrow costs comparison for refinance"

features/productHub/types.ts

@@ -77,6 +77,7 @@ export interface ProductHubItemDetails {
   earnStrategyDescription?: string
   // borrow rate
   fee?: string
+  netApy?: string
   hasRewards?: boolean
   liquidity?: string
   managementType?: ProductHubManagementType

features/refinance/components/RefinancePosition.tsx

@@ -15,6 +15,7 @@ export const RefinancePosition = () => {
       ltv,
       borrowRate,
       lendingProtocol,
+      netApy,
     },
     poolData: { maxLtv },
     tx: { isTxSuccess },
@@ -55,6 +56,7 @@ export const RefinancePosition = () => {
         liquidationPrice: new BigNumber(liquidationPrice),
         collateral: new BigNumber(collateralTokenData.amount),
         debt: new BigNumber(debtTokenData.amount),
+        netApy: new BigNumber(netApy),
       }}
       automations={automations}
     />

features/refinance/components/RefinancePositionView.tsx

@@ -49,6 +49,7 @@ export type RefinancePositionViewProps<Type extends RefinancePositionViewType> =
             collateral: BigNumber
             debt: BigNumber
             liquidationPrice: BigNumber
+            netApy?: BigNumber
           }
           type: Type
           automations: PortfolioPositionAutomations
@@ -106,6 +107,7 @@ export const RefinancePositionView = <Type extends RefinancePositionViewType>(
       </RefinanceCardWrapper>
     )
   }
+
   const {
     primaryToken,
     secondaryToken,
@@ -145,6 +147,7 @@ export const RefinancePositionView = <Type extends RefinancePositionViewType>(
     ...(poolData.borrowRateChange && {
       borrowRateChange: `${formatDecimalAsPercent(poolData.borrowRateChange, { plus: true })}`,
     }),
+    netApy: positionData?.netApy ? formatLtvDecimalAsPercent(positionData?.netApy) : 'N/A',
   }
 
   const isLoading = !positionData
@@ -195,6 +198,12 @@ export const RefinancePositionView = <Type extends RefinancePositionViewType>(
       }),
       tooltip: t('refinance.position.tooltips.borrow-rate'),
     },
+    {
+      label: t('net-apy'),
+      value: formatted.netApy,
+      tooltip: t('refinance.position.tooltips.net-apy'),
+      isLoading,
+    },
     {
       label: t('system.protocol'),
       value: <ProtocolLabel network={protocolData.network} protocol={protocolData.protocol} />,

features/refinance/components/steps/RefinanceHighlightedChangeSection.tsx

@@ -13,7 +13,7 @@ export const RefinanceHighlightedChangeSection = () => {
 
   const {
     poolData: { maxLtv },
-    position: { isShort, netApy },
+    position: { isShort, borrowRate },
     form: {
       state: { strategy, refinanceOption },
     },
@@ -23,7 +23,7 @@ export const RefinanceHighlightedChangeSection = () => {
     throw new Error('Refinance option not defined')
   }
 
-  const borrowCost = new BigNumber(netApy)
+  const borrowCost = new BigNumber(borrowRate)
 
   const afterBorrowCost = new BigNumber(strategy?.fee || zero)
   const afterMaxLtv = new BigNumber(strategy?.maxLtv || zero)

features/refinance/controllers/RefinanceModalController.tsx

@@ -17,7 +17,7 @@ import {
   getRefinanceInterestRatesInputParams,
   getRefinanceTargetInterestRates,
 } from 'features/refinance/helpers'
-import { getNetAPY } from 'features/refinance/helpers/getBorrowRate'
+import { getNetAPY } from 'features/refinance/helpers/getNetAPY'
 import { useSdkSimulation } from 'features/refinance/hooks/useSdkSimulation'
 import { WithLoadingIndicator } from 'helpers/AppSpinner'
 import { WithErrorHandler } from 'helpers/errorHandlers/WithErrorHandler'

features/refinance/helpers/getBorrowRate.ts → features/refinance/helpers/getNetAPY.ts

@@ -6,7 +6,6 @@ export function getNetAPY(currentLTV: string, borrowApy: string, supplyApy: stri
   const netAPY = new BigNumber(multiple)
     .times(supplyApy)
     .minus(new BigNumber(multiple).minus(1).times(borrowApy))
-    .negated() // TODO: remember to remove this negation when enabling netAPY on the UI
     .toString()
 
   return netAPY

features/refinance/helpers/getRefinanceProductHubDataParser.ts

@@ -10,7 +10,7 @@ import { aaveLikeAprToApy } from 'handlers/product-hub/helpers'
 import { moveItemsToFront } from 'helpers/moveItemsToFront'
 import { LendingProtocol } from 'lendingProtocols'
 
-import { getNetAPY } from './getBorrowRate'
+import { getNetAPY } from './getNetAPY'
 
 const availableLiquidityMapping = ({
   table,
@@ -45,29 +45,23 @@ const borrowRateMapping = ({
   currentLTV: string
 }) =>
   table.map((item) => {
-    // for Morho use PH rates
-    if (item.protocol === LendingProtocol.MorphoBlue) {
-      return item
-    }
-
     const network = getNetworkByName(item.network)
 
     const customCollateralRates = interestRates[network.id]?.[item.protocol]?.[item.primaryToken]
     const customDebtRates = interestRates[network.id]?.[item.protocol]?.[item.secondaryToken]
 
+    // there are no rates so not possible to calculate apys
     if (!customCollateralRates || !customDebtRates) {
       return item
     }
 
-    const borrowRate = getNetAPY(
-      currentLTV,
-      aaveLikeAprToApy(customDebtRates.borrowVariable),
-      aaveLikeAprToApy(customCollateralRates.lendVariable),
-    )
+    const borrowApy = aaveLikeAprToApy(customDebtRates.borrowVariable)
+    const lendApy = aaveLikeAprToApy(customCollateralRates.lendVariable)
+    const netApy = getNetAPY(currentLTV, borrowApy, lendApy)
 
     return {
       ...item,
-      fee: borrowRate,
+      netApy,
     }
   })
 

features/refinance/hooks/useSimulationPositionData.tsx

@@ -7,7 +7,12 @@ import { useRefinanceContext } from 'features/refinance/contexts'
 import type { RefinancePositionViewType } from 'features/refinance/types'
 
 export const useSimulationPositionData = () => {
-  const { simulation } = useRefinanceContext()
+  const {
+    simulation,
+    form: {
+      state: { strategy },
+    },
+  } = useRefinanceContext()
 
   if (simulation == null) {
     return undefined
@@ -49,6 +54,7 @@ export const useSimulationPositionData = () => {
     liquidationPrice: new BigNumber(liquidationPrice),
     collateral: new BigNumber(targetPosition.collateralAmount.amount),
     debt: new BigNumber(targetPosition.debtAmount.amount),
+    netApy: strategy?.netApy ? new BigNumber(strategy?.netApy) : undefined,
   }
 
   return positionData

handlers/portfolio/positions/handlers/aave-like/getRawPositionDetails.ts

@@ -66,7 +66,7 @@ export function getRawPositionDetails(
     RiskRatio.TYPE.LTV,
   )
 
-  const borrowRate = calculations.netBorrowCostPercentage
+  const borrowRate = calculations.debtVariableBorrowRate
   const maxRiskRatio = new RiskRatio(
     onChainPositionData.category.maxLoanToValue,
     RiskRatio.TYPE.LTV,

public/locales/en/common.json

@@ -3785,7 +3785,8 @@
       },
       "tooltips": {
         "max-ltv": "The Max Loan to Value indicates the amount that can be borrowed to the value of the collateral.",
-        "borrow-rate": "This borrow rate is the net APY of your position based on your current LTV. This is taking any supply APY into account, and borrow APY, and using your current LTV to determine the net APY you are paying (or receiving when positive) on your net value.",
+        "borrow-rate": "The borrow rate represents how much your debt will increase in one year at the current market utilization. This rate is variable, changing with utilization of the pool.",
+        "net-apy": "The Net APY of your position is based on your current LTV. This is taking any supply APY into account, and borrow APY, and using your current LTV to determine the net APY you are paying (or receiving when positive) on your net value.",
         "automations": "This indicates which automation features are available for you on this position."
       }
     },