diff --git a/src/containers/ChainOverview/SmolCharts.tsx b/src/containers/ChainOverview/SmolCharts.tsx index 21ce3f280..f1dd90535 100644 --- a/src/containers/ChainOverview/SmolCharts.tsx +++ b/src/containers/ChainOverview/SmolCharts.tsx @@ -126,7 +126,7 @@ export function FeesGeneratedChart({ series }: { series: Array<[string, number, return (
-
+
) } diff --git a/src/containers/ChainOverview/SmolStats.tsx b/src/containers/ChainOverview/SmolStats.tsx index a786c68d3..de387df57 100644 --- a/src/containers/ChainOverview/SmolStats.tsx +++ b/src/containers/ChainOverview/SmolStats.tsx @@ -239,9 +239,24 @@ export const SmolStats = (props: IChainOverviewData) => { > Fees Paid - {props.chainFees.feesGenerated24h != null ? ( -

{`${formattedNum(props.chainFees.feesGenerated24h ?? 0, true)} (24h)`}

- ) : null} + +
+ {props.chainFees.feesGenerated24h != null ? ( +

{`${formattedNum(props.chainFees.feesGenerated24h ?? 0, true)} (24h)`}

+ ) : null} + {props.chainFees.change7d && ( +

+ = 0 ? 'text-(--success)' : 'text-(--error)' + }`} + > + {`${+props.chainFees.change7d >= 0 ? '+' : ''}${props.chainFees.change7d}%`} + + 7d +

+ )} +
}> diff --git a/src/containers/ChainOverview/queries.server.tsx b/src/containers/ChainOverview/queries.server.tsx index f79b6f7b2..ec037f251 100644 --- a/src/containers/ChainOverview/queries.server.tsx +++ b/src/containers/ChainOverview/queries.server.tsx @@ -551,6 +551,7 @@ export async function getChainOverviewData({ chain }: { chain: string }): Promis chainFees: { total24h: chainFees?.total24h ?? null, feesGenerated24h: feesGenerated24h, + change7d: fees?.change_7d ?? null, topProtocolsChart: topProtocolsByFeesChart, totalREV24h: chainREV }, diff --git a/src/containers/ChainOverview/types.ts b/src/containers/ChainOverview/types.ts index bbb4ec87c..e34b0ce38 100644 --- a/src/containers/ChainOverview/types.ts +++ b/src/containers/ChainOverview/types.ts @@ -61,6 +61,7 @@ export interface IChainOverviewData { chainFees: { total24h: number | null feesGenerated24h: number | null + change7d: number | null topProtocolsChart: Array<[string, number, string]> | null totalREV24h: number | null }