diff --git a/frontend/components/YourWalletPage/YourAgent.tsx b/frontend/components/YourWalletPage/YourAgent.tsx index 9910b02f..e792808b 100644 --- a/frontend/components/YourWalletPage/YourAgent.tsx +++ b/frontend/components/YourWalletPage/YourAgent.tsx @@ -163,10 +163,9 @@ export const YourAgentWallet = ({ const { availableRewardsForEpochEth, isEligibleForRewards, - accruedServiceStakingRewards, //TODO: determine where this is used + accruedServiceStakingRewards, } = useReward(); - // TODO: determine where this is used const reward = useMemo(() => { if (!isLoaded) return ; if (!isEligibleForRewards) return 'Not yet earned'; @@ -181,6 +180,25 @@ export const YourAgentWallet = ({ [serviceSafeBalances], ); + // TODO: refactor for multichain/agent + const serviceSafeRewards = useMemo( + () => [ + { + title: 'Claimed rewards', + value: `${balanceFormat(serviceSafeOlasBalances?.[0].balance ?? 0, 2)} OLAS`, + }, + { + title: 'Unclaimed rewards', + value: `${balanceFormat(accruedServiceStakingRewards, 2)} OLAS`, + }, + { + title: 'Current epoch rewards', + value: reward, + }, + ], + [accruedServiceStakingRewards, reward, serviceSafeOlasBalances], + ); + const serviceSafeNativeBalances = useMemo( () => serviceSafeBalances?.filter((balance) => balance.isNative), [serviceSafeBalances], @@ -201,14 +219,14 @@ export const YourAgentWallet = ({ - {!isEmpty(serviceSafeOlasBalances) && ( + {!isEmpty(serviceSafeRewards) && ( ({ - left: item.symbol, + list={serviceSafeRewards.map((item) => ({ + left: item.title, leftClassName: 'text-light text-sm', - right: item.balance, + right: item.value, }))} parentStyle={infoBreakdownParentStyle} />