feat: display average APYs on Market page

VenusProtocol · Nov 29, 2024 · a4e3ade · a4e3ade
1 parent d28cda2
commit a4e3ade
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/.changeset/thin-singers-brake.md b/.changeset/thin-singers-brake.md
@@ -0,0 +1,5 @@
+---
+"@venusprotocol/evm": minor
+---
+
+display average APYs on Market page
diff --git a/apps/evm/src/libs/translations/translations/en.json b/apps/evm/src/libs/translations/translations/en.json
@@ -410,6 +410,7 @@
     },
     "stats": {
       "apy": "APY",
+      "averageApy": "Average APY",
       "distributionApy": "Distribution APY",
       "liquidationPenalty": "Liquidation Penalty",
       "liquidationThreshold": "Liquidation Threshold"

diff --git a/apps/evm/src/pages/Market/Page/MarketHistory/Card/index.tsx b/apps/evm/src/pages/Market/Page/MarketHistory/Card/index.tsx
@@ -81,9 +81,18 @@ export const Card: React.FC<CardProps> = ({
       return [];
     }
 
+    const averageApy =
+      data.length > 0
+        ? data.reduce((acc, item) => acc + item.apyPercentage, 0) / data.length
+        : undefined;
+
     const distributionApys = getCombinedDistributionApys({ asset });
 
     const tmpStats: MarketCardProps['stats'] = [
+      {
+        label: t('market.stats.averageApy'),
+        value: formatPercentageToReadableValue(averageApy),
+      },
       {
         label: t('market.stats.apy'),
         value: formatPercentageToReadableValue(
@@ -116,6 +125,7 @@ export const Card: React.FC<CardProps> = ({
     return tmpStats;
   }, [
     asset,
+    data,
     t,
     type,
     liquidationIncentivePercentage,