feat: add total reward info

.changeset/polite-trees-heal.md

@@ -0,0 +1,5 @@
+---
+"@venusprotocol/evm": minor
+---
+
+add total reward info for reward card

apps/evm/src/clients/api/__mocks__/index.ts

@@ -640,6 +640,7 @@ export const getPrimeCurrentCycle = vi.fn(async () => ({
     computedAt: new Date('2026-06-17T00:00:00Z'),
     primeHolderCount: 500,
     totalCurrentCycleUsdMantissa: '462300000000000000000000',
+    currentEstimatedTotalUsdMantissa: '600000000000000000000000',
     byRewardToken: [
       {
         rewardTokenAddress: usdc.address,

apps/evm/src/clients/api/queries/getPrimeCurrentCycle/index.ts

@@ -13,6 +13,7 @@ export interface PrimePendingRewardPool {
   computedAt: Date;
   primeHolderCount: number;
   totalCurrentCycleUsdMantissa: string;
+  currentEstimatedTotalUsdMantissa: string;
   byRewardToken: PrimePendingRewardTokenTotal[];
 }
 
@@ -42,6 +43,11 @@ interface PrimePendingRewardTokenTotalResponse {
   totalPendingUsdMantissa: string;
   totalCurrentCycleUsdCents: string;
   totalCurrentCycleUsdMantissa: string;
+  estimatedAmountMantissa: string;
+  currentEstimatedUsdCents: string;
+  currentEstimatedUsdMantissa: string;
+  cycleStartEstimatedUsdCents: string;
+  cycleStartEstimatedUsdMantissa: string;
 }
 
 interface PrimePendingRewardPoolResponse {
@@ -53,6 +59,10 @@ interface PrimePendingRewardPoolResponse {
   totalPendingUsdMantissa: string;
   totalCurrentCycleUsdCents: string;
   totalCurrentCycleUsdMantissa: string;
+  currentEstimatedTotalUsdCents: string;
+  currentEstimatedTotalUsdMantissa: string;
+  cycleStartEstimatedTotalUsdCents: string;
+  cycleStartEstimatedTotalUsdMantissa: string;
   byRewardToken: PrimePendingRewardTokenTotalResponse[];
 }
 
@@ -99,6 +109,7 @@ export const getPrimeCurrentCycle = async ({
           computedAt: new Date(payload.pendingPool.computedAt),
           primeHolderCount: payload.pendingPool.primeHolderCount,
           totalCurrentCycleUsdMantissa: payload.pendingPool.totalCurrentCycleUsdMantissa,
+          currentEstimatedTotalUsdMantissa: payload.pendingPool.currentEstimatedTotalUsdMantissa,
           byRewardToken: payload.pendingPool.byRewardToken.map(token => ({
             rewardTokenAddress: token.rewardTokenAddress,
             totalCurrentCycleUsdMantissa: token.totalCurrentCycleUsdMantissa,

apps/evm/src/libs/translations/translations/en.json

@@ -1327,7 +1327,8 @@
     },
     "title": "Prime leaderboard",
     "totalRewards": {
-      "title": "Total Prime rewards distributed this cycle"
+      "title": "Total Prime rewards distributed",
+      "totalPoolLabel": "of <Highlight>{{amount}}</Highlight> total rewards this cycle"
     },
     "userRewards": {
       "eligibleMessage": "You are currently eligible for sharing the Prime rewards during this cycle. Supply assets below to share the rewards.",

apps/evm/src/libs/translations/translations/ja.json

@@ -1327,7 +1327,8 @@
     },
     "title": "Prime リーダーボード",
     "totalRewards": {
-      "title": "今サイクルに分配された Prime 報酬の総額"
+      "title": "分配された Prime 報酬の総額",
+      "totalPoolLabel": "今サイクルの総報酬 <Highlight>{{amount}}</Highlight> のうち"
     },
     "userRewards": {
       "eligibleMessage": "今サイクルで Prime 報酬を分け合う対象になっています。下記の資産を供給して報酬を獲得しましょう。",

apps/evm/src/libs/translations/translations/th.json

@@ -1327,7 +1327,8 @@
     },
     "title": "กระดานผู้นำ Prime",
     "totalRewards": {
-      "title": "รางวัล Prime ทั้งหมดที่แจกในรอบนี้"
+      "title": "รางวัล Prime ทั้งหมดที่แจก",
+      "totalPoolLabel": "จากทั้งหมด <Highlight>{{amount}}</Highlight> ในรอบนี้"
     },
     "userRewards": {
       "eligibleMessage": "คุณมีสิทธิ์ร่วมรับรางวัล Prime ในรอบนี้ จัดหาสินทรัพย์ด้านล่างเพื่อรับรางวัล",

apps/evm/src/libs/translations/translations/tr.json

@@ -1327,7 +1327,8 @@
     },
     "title": "Prime lider tablosu",
     "totalRewards": {
-      "title": "Bu döngüde dağıtılan toplam Prime ödülü"
+      "title": "Dağıtılan toplam Prime ödülü",
+      "totalPoolLabel": "bu döngüdeki toplam <Highlight>{{amount}}</Highlight> ödülden"
     },
     "userRewards": {
       "eligibleMessage": "Bu döngüde Prime ödüllerini paylaşmaya uygunsun. Ödülleri paylaşmak için aşağıdan varlık sağla.",

apps/evm/src/libs/translations/translations/vi.json

@@ -1327,7 +1327,8 @@
     },
     "title": "Bảng xếp hạng Prime",
     "totalRewards": {
-      "title": "Tổng thưởng Prime đã phân phối trong chu kỳ này"
+      "title": "Tổng thưởng Prime đã phân phối",
+      "totalPoolLabel": "trên tổng <Highlight>{{amount}}</Highlight> phần thưởng chu kỳ này"
     },
     "userRewards": {
       "eligibleMessage": "Bạn hiện đủ điều kiện chia sẻ phần thưởng Prime trong chu kỳ này. Hãy cung cấp tài sản bên dưới để nhận phần thưởng.",

apps/evm/src/libs/translations/translations/zh-Hans.json

@@ -1327,7 +1327,8 @@
     },
     "title": "Prime 排行榜",
     "totalRewards": {
-      "title": "本周期已分配的 Prime 总奖励"
+      "title": "已分配的 Prime 总奖励",
+      "totalPoolLabel": "本周期总奖励 <Highlight>{{amount}}</Highlight>"
     },
     "userRewards": {
       "eligibleMessage": "你在本周期已具备分享 Prime 奖励的资格。在下方供给资产以分享奖励。",

apps/evm/src/libs/translations/translations/zh-Hant.json

@@ -1327,7 +1327,8 @@
     },
     "title": "Prime 排行榜",
     "totalRewards": {
-      "title": "本週期已分配的 Prime 總獎勵"
+      "title": "已分配的 Prime 總獎勵",
+      "totalPoolLabel": "本週期總獎勵 <Highlight>{{amount}}</Highlight>"
     },
     "userRewards": {
       "eligibleMessage": "你在本週期已具備分享 Prime 獎勵的資格。在下方供給資產以分享獎勵。",

apps/evm/src/pages/PrimeLeaderboard/TotalRewardsCard/__tests__/index.spec.tsx

@@ -9,15 +9,17 @@ describe('pages/PrimeLeaderboard/TotalRewardsCard', () => {
     renderComponent(
       <TotalRewardsCard
         totalRewardsCents={46_230_000}
+        totalEstimatedRewardsCents={60_000_000}
         marketRewards={[
           { token: usdc, rewardsCents: 28_040_000 },
           { token: xvs, rewardsCents: 17_190_000 },
         ]}
       />,
     );
 
-    expect(screen.getByText('Total Prime rewards distributed this cycle')).toBeInTheDocument();
+    expect(screen.getByText('Total Prime rewards distributed')).toBeInTheDocument();
     expect(screen.getByText('$462.3K')).toBeInTheDocument();
+    expect(screen.getByText('$600K')).toBeInTheDocument();
     expect(screen.getByText('$280.4K')).toBeInTheDocument();
     expect(screen.getByText('$171.9K')).toBeInTheDocument();
     expect(screen.getByText(usdc.symbol)).toBeInTheDocument();

apps/evm/src/pages/PrimeLeaderboard/TotalRewardsCard/index.tsx

@@ -14,6 +14,7 @@ export interface MarketReward {
 
 export interface TotalRewardsCardProps {
   totalRewardsCents: number;
+  totalEstimatedRewardsCents: number;
   marketRewards: MarketReward[];
   title?: React.ReactNode;
   isLoading?: boolean;
@@ -22,12 +23,13 @@ export interface TotalRewardsCardProps {
 
 export const TotalRewardsCard: React.FC<TotalRewardsCardProps> = ({
   totalRewardsCents,
+  totalEstimatedRewardsCents,
   marketRewards,
   title,
   isLoading,
   className,
 }) => {
-  const { t } = useTranslation();
+  const { t, Trans } = useTranslation();
 
   const cardClassName = cn(
     'flex flex-col gap-y-3 rounded-lg bg-background-active p-4 min-h-[182px] lg:h-58',
@@ -52,6 +54,16 @@ export const TotalRewardsCard: React.FC<TotalRewardsCardProps> = ({
         <p className="text-h5 text-white">
           {formatCentsToReadableValue({ value: totalRewardsCents })}
         </p>
+
+        {!!totalEstimatedRewardsCents && (
+          <p className="text-b1r text-light-grey">
+            <Trans
+              i18nKey="primeLeaderboard.totalRewards.totalPoolLabel"
+              components={{ Highlight: <span className="text-white" /> }}
+              values={{ amount: formatCentsToReadableValue({ value: totalEstimatedRewardsCents }) }}
+            />
+          </p>
+        )}
       </div>
 
       <div className="flex max-h-15 flex-col gap-2 overflow-y-auto">

apps/evm/src/pages/PrimeLeaderboard/TotalRewardsSection/__tests__/index.spec.tsx

@@ -8,9 +8,8 @@ describe('pages/PrimeLeaderboard/TotalRewardsSection', () => {
   it('renders the total Prime rewards from the data hook', async () => {
     renderComponent(<TotalRewardsSection />);
 
-    expect(
-      await screen.findByText('Total Prime rewards distributed this cycle'),
-    ).toBeInTheDocument();
+    expect(await screen.findByText('Total Prime rewards distributed')).toBeInTheDocument();
     expect(await screen.findByText('$462.3K')).toBeInTheDocument();
+    expect(await screen.findByText('$600K')).toBeInTheDocument();
   });
 });

apps/evm/src/pages/PrimeLeaderboard/TotalRewardsSection/index.tsx

@@ -6,11 +6,13 @@ export interface TotalRewardsSectionProps {
 }
 
 export const TotalRewardsSection: React.FC<TotalRewardsSectionProps> = ({ className }) => {
-  const { isLoading, totalRewardsCents, marketRewards } = useGetPrimeTotalRewards();
+  const { isLoading, totalRewardsCents, totalEstimatedRewardsCents, marketRewards } =
+    useGetPrimeTotalRewards();
 
   return (
     <TotalRewardsCard
       totalRewardsCents={totalRewardsCents}
+      totalEstimatedRewardsCents={totalEstimatedRewardsCents}
       marketRewards={marketRewards}
       isLoading={isLoading}
       className={className}

apps/evm/src/pages/PrimeLeaderboard/useGetPrimeTotalRewards/index.ts

@@ -9,6 +9,7 @@ import type { MarketReward } from '../TotalRewardsCard';
 export interface UseGetPrimeTotalRewardsOutput {
   isLoading: boolean;
   totalRewardsCents: number;
+  totalEstimatedRewardsCents: number;
   marketRewards: MarketReward[];
 }
 
@@ -41,6 +42,9 @@ export const useGetPrimeTotalRewards = (): UseGetPrimeTotalRewardsOutput => {
     totalRewardsCents: pendingPool
       ? convertUsdMantissaToCents(pendingPool.totalCurrentCycleUsdMantissa).toNumber()
       : 0,
+    totalEstimatedRewardsCents: pendingPool
+      ? convertUsdMantissaToCents(pendingPool.currentEstimatedTotalUsdMantissa).toNumber()
+      : 0,
     marketRewards,
   };
 };