diff --git a/src/components/DataRoom/FeesEarned/SlidingContent.tsx b/src/components/DataRoom/FeesEarned/SlidingContent.tsx
index 5c415b9ac..5a62e5156 100644
--- a/src/components/DataRoom/FeesEarned/SlidingContent.tsx
+++ b/src/components/DataRoom/FeesEarned/SlidingContent.tsx
@@ -6,17 +6,19 @@ const Stack = dynamic(() => import('./Stack'))
export type FeeType = {
label: 'SWAPS' | 'STAKING' | 'FUTURE FEES'
- isLocked: boolean
+ isLocked?: boolean
}
const ANNUAL_SWAP_FEES_FALLBACK = 1822878.426773334
+const ANNUAL_STAKE_FEES_FALLBACK = 106221.187296
const TOTAL_BARS = 10
const SlidingContent = ({ fees }: { fees: FeeType[] }) => {
- const { annualSwapFees } = useSafeDataRoomStats()
+ const { annualSwapFees, annualStakeFees } = useSafeDataRoomStats()
const displaySwapFees = annualSwapFees ? annualSwapFees : ANNUAL_SWAP_FEES_FALLBACK
- const feesMap = [displaySwapFees]
+ const displayStakeFees = annualStakeFees ? annualStakeFees : ANNUAL_STAKE_FEES_FALLBACK
+ const feesMap = [displaySwapFees, displayStakeFees]
return (
diff --git a/src/components/DataRoom/FeesEarned/Stack.tsx b/src/components/DataRoom/FeesEarned/Stack.tsx
index 5d8d5c808..630f90733 100644
--- a/src/components/DataRoom/FeesEarned/Stack.tsx
+++ b/src/components/DataRoom/FeesEarned/Stack.tsx
@@ -10,9 +10,9 @@ export type StackProps = FeeType & {
}
// TODO: decide how to normalize the fee values to show growth potential
-const VALUE_PER_BAR = 1_000_000
+const VALUE_PER_BAR = 500_000
-const Stack = ({ totalBars, value, isLocked, label }: StackProps) => {
+const Stack = ({ totalBars, value, isLocked = false, label }: StackProps) => {
const filledBars = value / VALUE_PER_BAR
const containerVariants = {
diff --git a/src/content/dataroom.json b/src/content/dataroom.json
index 6a4eebc9f..5c199e02e 100644
--- a/src/content/dataroom.json
+++ b/src/content/dataroom.json
@@ -54,12 +54,10 @@
"title": "Annualized community alignedfees earned:",
"fees": [
{
- "label": "Native Swaps",
- "isLocked": false
+ "label": "Native Swaps"
},
{
- "label": "Native Staking",
- "isLocked": true
+ "label": "Native Staking"
},
{
"label": "Future Fees",
diff --git a/src/contexts/SafeDataRoomContext.ts b/src/contexts/SafeDataRoomContext.ts
index 524e673a8..bd6c7849b 100644
--- a/src/contexts/SafeDataRoomContext.ts
+++ b/src/contexts/SafeDataRoomContext.ts
@@ -16,6 +16,7 @@ type SafeDataRoomStats = {
tvlAAVE: number | null
lastUpdated: number | null
annualSwapFees: number | null
+ annualStakeFees: number | null
annualisedOutgoingTVP: number | null
}
@@ -35,6 +36,7 @@ const SafeDataRoomContext = createContext({
tvlAAVE: null,
lastUpdated: null,
annualSwapFees: null,
+ annualStakeFees: null,
annualisedOutgoingTVP: null,
})
diff --git a/src/hooks/useSafeDataRoomStats.ts b/src/hooks/useSafeDataRoomStats.ts
index 0ca2c2eb1..cd2695ada 100644
--- a/src/hooks/useSafeDataRoomStats.ts
+++ b/src/hooks/useSafeDataRoomStats.ts
@@ -23,6 +23,7 @@ type DuneDataRoomStats = {
usdc_in_safes: number
last_updated: number
annual_swap_fees: number
+ annual_stake_fees: number
annualised_outgoing_tvp: number
}
diff --git a/src/pages/dataroom.tsx b/src/pages/dataroom.tsx
index c4a1c2aef..ce65f06e7 100644
--- a/src/pages/dataroom.tsx
+++ b/src/pages/dataroom.tsx
@@ -27,6 +27,7 @@ export async function getStaticProps() {
defi_tvl_uniswap,
last_updated,
annual_swap_fees,
+ annual_stake_fees,
annualised_outgoing_tvp,
} = dataRoomStats
@@ -49,6 +50,7 @@ export async function getStaticProps() {
tvlUniswap: Number(defi_tvl_uniswap),
lastUpdated: Number(last_updated),
annualSwapFees: Number(annual_swap_fees),
+ annualStakeFees: Number(annual_stake_fees),
annualisedOutgoingTVP: annualised_outgoing_tvp,
},
},