diff --git a/src/components/vault/yield/YieldPerformanceModal.jsx b/src/components/vault/yield/YieldPerformanceModal.jsx index 0d6c71f..56280a0 100644 --- a/src/components/vault/yield/YieldPerformanceModal.jsx +++ b/src/components/vault/yield/YieldPerformanceModal.jsx @@ -189,8 +189,8 @@ const YieldPerformanceModal = ({ Current Value - - ${currentUSD?.toFixed(2) || ''} + + ~${currentUSD?.toFixed(2) || ''} diff --git a/src/components/vault/yield/YieldSummary.jsx b/src/components/vault/yield/YieldSummary.jsx index 19fbd92..a443bbc 100644 --- a/src/components/vault/yield/YieldSummary.jsx +++ b/src/components/vault/yield/YieldSummary.jsx @@ -148,26 +148,15 @@ const YieldSummary = ({
- - Assets in Yield Pools - - {gammaUserLoading ? ( - <> - - - ) : ( - <> - - {formatUSD(metrics.totalBalance)} - - - )} -
-
- - Yield Generated - -
+
+ + Market Movement + + + If held without yield pools + +
+
{gammaUserLoading ? ( <> @@ -176,30 +165,25 @@ const YieldSummary = ({ <> = 0 ? 'text-green-500' : 'text-red-400'}`} > - {formatUSD(metrics.totalYieldEarned)} + {formatUSD(metrics.totalMarketYield)} = 0 ? 'text-green-500' : 'text-red-400'}`} > - {formatPercentage(metrics.weightedAverageYieldAPY)} APY + {formatPercentage(metrics.weightedAverageMarketAPY)} )}
-
- - Market Movement - - - If held without yield pools - -
-
+ + Yield Generated + +
{gammaUserLoading ? ( <> @@ -208,22 +192,37 @@ const YieldSummary = ({ <> = 0 ? 'text-green-500' : 'text-red-400'}`} + className={`text-end ${getYieldColor(metrics.totalYieldEarned)}`} > - {formatUSD(metrics.totalMarketYield)} + {formatUSD(metrics.totalYieldEarned)} = 0 ? 'text-green-500' : 'text-red-400'}`} + className={`text-end ${getYieldColor(metrics.weightedAverageYieldAPY)}`} > - {formatPercentage(metrics.weightedAverageMarketAPY)} + {formatPercentage(metrics.weightedAverageYieldAPY)} APY )}
+
+ + Assets in Yield Pools + + {gammaUserLoading ? ( + <> + + + ) : ( + <> + + {formatUSD(metrics.totalBalance)} + + + )} +
-