diff --git a/frontend/app/src/comps/Positions/PositionCardLeverage.tsx b/frontend/app/src/comps/Positions/PositionCardLeverage.tsx index 2270ef4be..9f150b54f 100644 --- a/frontend/app/src/comps/Positions/PositionCardLeverage.tsx +++ b/frontend/app/src/comps/Positions/PositionCardLeverage.tsx @@ -39,12 +39,9 @@ export function PositionCardLeverage({ } const collateralPriceUsd = usePrice(token.symbol); - if (!collateralPriceUsd.data) { - return null; - } const maxLtv = dn.from(1 / token.collateralRatio, 18); - const ltv = getLtv(deposit, borrowed, collateralPriceUsd.data); + const ltv = collateralPriceUsd.data && getLtv(deposit, borrowed, collateralPriceUsd.data); const liquidationRisk = ltv && getLiquidationRisk(ltv, maxLtv); const redemptionRisk = getRedemptionRisk(interestRate); @@ -134,14 +131,16 @@ export function PositionCardLeverage({ fontSize: 14, })} > -
- {liquidationRisk === "low" ? "Low" : liquidationRisk === "medium" ? "Medium" : "High"}{" "} - liquidation risk -
+ {liquidationRisk && ( +
+ {liquidationRisk === "low" ? "Low" : liquidationRisk === "medium" ? "Medium" : "High"}{" "} + liquidation risk +
+ )} )} - , - ]} - /> + {upfrontFee.data && dn.gt(upfrontFee.data, 0) && ( + +
Interest rate adjustment fee
+ + + } + value={[ + , + ]} + /> + )} ); },