-
{t('primeLeaderboard.totalRewards.title')}
+
+ {title ?? t('primeLeaderboard.totalRewards.title')}
+
{formatCentsToReadableValue({ value: totalRewardsCents })}
diff --git a/apps/evm/src/pages/PrimeLeaderboard/UserRewardsCard/index.tsx b/apps/evm/src/pages/PrimeLeaderboard/UserRewardsCard/index.tsx
index 36d3edc9d3..2092384d7f 100644
--- a/apps/evm/src/pages/PrimeLeaderboard/UserRewardsCard/index.tsx
+++ b/apps/evm/src/pages/PrimeLeaderboard/UserRewardsCard/index.tsx
@@ -19,15 +19,20 @@ export interface UserMarketReward {
export interface UserRewardsCardProps {
totalRewardsCents: number;
marketRewards: UserMarketReward[];
+ title?: React.ReactNode;
// Replaces the default headline (Prime badge + total amount), e.g. an eligibility message
content?: React.ReactNode;
+ // Toggles the per-market Prime APY and actions menu, hidden when the card is a read-only summary
+ showMarketActions?: boolean;
className?: string;
}
export const UserRewardsCard: React.FC = ({
totalRewardsCents,
marketRewards,
+ title,
content,
+ showMarketActions = true,
className,
}) => {
const { t } = useTranslation();
@@ -42,7 +47,9 @@ export const UserRewardsCard: React.FC = ({
)}
>
-
{t('primeLeaderboard.userRewards.title')}
+
+ {title ?? t('primeLeaderboard.userRewards.title')}
+
{content ?? (
@@ -72,9 +79,13 @@ export const UserRewardsCard: React.FC
= ({
rewardsCents={rewardsCents}
totalRewardsCents={totalRewardsCents}
>
- {asset && }
+ {showMarketActions && (
+ <>
+ {asset && }
-
+
+ >
+ )}
);
})}