diff --git a/features/liquidity/components/LiquidityRewardsCard.tsx b/features/liquidity/components/LiquidityRewardsCard.tsx
index 728c77cc..1b287512 100644
--- a/features/liquidity/components/LiquidityRewardsCard.tsx
+++ b/features/liquidity/components/LiquidityRewardsCard.tsx
@@ -146,8 +146,8 @@ export const LiquidityRewardsCard = ({
))}
{pendingRewardsRenderedInline?.map(({ tokenInfo, tokenAmount }) => (
))}
diff --git a/features/liquidity/components/ManageLiquidityCard.tsx b/features/liquidity/components/ManageLiquidityCard.tsx
index 123549f1..ee48861d 100644
--- a/features/liquidity/components/ManageLiquidityCard.tsx
+++ b/features/liquidity/components/ManageLiquidityCard.tsx
@@ -93,14 +93,8 @@ export const ManageLiquidityCard = ({
Underlying assets
-
-
+
+
{didProvideLiquidity && (
diff --git a/features/liquidity/components/UnderlyingAssetRow.tsx b/features/liquidity/components/UnderlyingAssetRow.tsx
index 4bce522d..c02b41f5 100644
--- a/features/liquidity/components/UnderlyingAssetRow.tsx
+++ b/features/liquidity/components/UnderlyingAssetRow.tsx
@@ -1,5 +1,4 @@
import { useTokenDollarValue } from 'hooks/useTokenDollarValue'
-import { useTokenInfo } from 'hooks/useTokenInfo'
import {
Button,
dollarValueFormatterWithDecimals,
@@ -12,20 +11,22 @@ import {
Tooltip,
} from 'junoblocks'
+import { TokenInfo } from '../../../queries/usePoolsListQuery'
+
type UnderlyingAssetRowProps = {
- tokenSymbol?: string
+ tokenInfo?: TokenInfo
tokenAmount?: number
visible?: boolean
}
export const UnderlyingAssetRow = ({
- tokenSymbol,
+ tokenInfo,
tokenAmount,
visible = true,
}: UnderlyingAssetRowProps) => {
- const token = useTokenInfo(visible ? tokenSymbol : undefined)
+ const token = visible ? tokenInfo : undefined
const [tokenDollarValue] = useTokenDollarValue(
- visible ? tokenSymbol : undefined
+ visible ? tokenInfo?.symbol : undefined
)
const tokenAmountDollarValue = dollarValueFormatterWithDecimals(
@@ -46,14 +47,14 @@ export const UnderlyingAssetRow = ({
logoURI={token?.logoURI}
alt={token?.symbol}
/>
- {tokenSymbol}
+ {token?.symbol}
{formatTokenBalance(tokenAmount, { includeCommaSeparation: true })}
- {tokenSymbol}
+ {token?.symbol}