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}
/>