Skip to content

Fix Protocol Data #1121

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
creed-victor merged 4 commits into from
Dec 11, 2025
Merged

Fix Protocol Data #1121

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
dfa4ca5
SOV-5233: update rsk tvl
pietro-maximoff Nov 17, 2025
1aa1bed
chore: update tvl bob rsk
pietro-maximoff Nov 19, 2025
9007298
chore: cleaunp
pietro-maximoff Nov 19, 2025
b0f6267
Create smart-countries-grow.md
pietro-maximoff Nov 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/smart-countries-grow.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"frontend": patch
---

Fix Protocol Data
250 changes: 193 additions & 57 deletions apps/frontend/src/app/5_pages/LandingPage/components/ProtocolData/ProtocolData.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,58 +8,163 @@ import { Accordion, Button, ButtonStyle } from '@sovryn/ui';
import { BOB_CHAIN_ID, RSK_CHAIN_ID } from '../../../../../config/chains';

import { AmountRenderer } from '../../../../2_molecules/AmountRenderer/AmountRenderer';
import { NativeTokenAmount } from '../../../../2_molecules/NativeTokenAmount/NativeTokenAmount';
import { USD } from '../../../../../constants/currencies';
import {
BITCOIN,
BTC_RENDER_PRECISION,
USD,
} from '../../../../../constants/currencies';
import { translations } from '../../../../../locales/i18n';
import { decimalic } from '../../../../../utils/math';
import { USD_VALUE_PRECISION } from './ProtocolData.constants';
import styles from './ProtocolData.module.css';
import { pickBtcUsd, safeBucketUsd, sanitizeUsd } from './ProtocolData.utils';
import { useGetBOBVolume } from './hooks/useGetBOBVolume';
import { useGetLockedData } from './hooks/useGetLockedData';
import { useGetRSKVolume } from './hooks/useGetRSKVolume';
import { useGetTokens } from './hooks/useGetTokens';

const pageTranslations = translations.landingPage.protocolDataSection;

export const ProtocolData: FC = () => {
const lockedData = useGetLockedData(RSK_CHAIN_ID);
const rskVolume = useGetRSKVolume();
// RSK data (TVL parts + 24h volume)
const rskLocked = useGetLockedData(RSK_CHAIN_ID);

const bobLockedData = useGetLockedData(BOB_CHAIN_ID);
const bobVolume = useGetBOBVolume();
const rskVolumeRaw = useGetRSKVolume(); // 24h USD (string)

// BOB data (TVL aggregate + 24h volume)
const bobLocked = useGetLockedData(BOB_CHAIN_ID);

const bobVolumeRaw = useGetBOBVolume(); // 24h USD (string)

// Tokens for BTC price sourcing
const { value: rskTokens } = useGetTokens(RSK_CHAIN_ID);
const { value: bobTokens } = useGetTokens(BOB_CHAIN_ID);

const navigate = useNavigate();
const [open, toggle] = useReducer(v => !v, false);

const handleClick = useCallback(() => navigate('/stats'), [navigate]);

const rskTVL = useMemo(
// Prefer RSK RBTC/WRBTC for stability; fallback to BOB BTC wrappers.
const rskBtcUsd = useMemo(
() => pickBtcUsd(rskTokens, ['RBTC', 'WRBTC', 'BTC']) ?? 0,
[rskTokens],
);
const bobBtcUsd = useMemo(
() =>
decimalic(lockedData.tvlAmm?.totalUsd || '0')
.add(lockedData.tvlLending?.totalUsd || '0')
.add(lockedData.tvlMynt?.totalUsd || '0')
.add(lockedData.tvlProtocol?.totalUsd || '0')
.add(lockedData.tvlStaking?.totalUsd || '0')
.add(lockedData.tvlSubprotocols?.totalUsd || '0')
.add(lockedData.tvlZero?.totalUsd || '0')
.toString(),
[
lockedData.tvlAmm?.totalUsd,
lockedData.tvlLending?.totalUsd,
lockedData.tvlMynt?.totalUsd,
lockedData.tvlProtocol?.totalUsd,
lockedData.tvlStaking?.totalUsd,
lockedData.tvlSubprotocols?.totalUsd,
lockedData.tvlZero?.totalUsd,
],
pickBtcUsd(bobTokens, [
'WBTC',
'tBTC',
'UniBTC',
'XSOLVBTC',
'SolvBTC',
'BTC',
]) ?? 0,
[bobTokens],
);

// Use ONE global BTC/USD for totals (avoid double-scaling differences).
const globalBtcUsd = useMemo(
() => rskBtcUsd || bobBtcUsd || 0,
[rskBtcUsd, bobBtcUsd],
);

const rskTvlUsd = useMemo(() => {
if (!rskLocked) {
return '0';
}

// Aggregate from buckets, applying numeric caps per bucket
const fromBuckets = decimalic(0)
.add(safeBucketUsd(rskLocked.tvlAmm))
.add(safeBucketUsd(rskLocked.tvlLending))
.add(safeBucketUsd(rskLocked.tvlMynt))
.add(safeBucketUsd(rskLocked.tvlProtocol))
.add(safeBucketUsd(rskLocked.tvlStaking))
.add(safeBucketUsd(rskLocked.tvlSubprotocols))
.add(safeBucketUsd(rskLocked.tvlZero));

//sanity-check against raw total_usd/totalUsd from backend
const rawTotal = Number(
(rskLocked as any)?.total_usd ?? (rskLocked as any)?.totalUsd ?? 0,
);
const safeRawTotal =
!isFinite(rawTotal) || rawTotal < 0 || rawTotal > 1e9 ? 0 : rawTotal;

if (safeRawTotal > 0) {
const diff = Math.abs(fromBuckets.toNumber() - safeRawTotal);
const relDiff = diff / safeRawTotal;

// Log if discrepancy > ~3% (indexer vs graph-wrapper)
if (relDiff > 0.03) {
// eslint-disable-next-line no-console
console.warn('[ProtocolData] RSK TVL mismatch', {
buckets: fromBuckets.toString(),
total_usd: safeRawTotal.toString(),
relDiff,
});
}
}

return fromBuckets.toString();
}, [rskLocked]);

const bobTvlUsd = useMemo(() => {
if (!bobLocked) {
return '0';
}

const raw =
(bobLocked as any)?.total_usd ?? (bobLocked as any)?.totalUsd ?? 0;

return sanitizeUsd(raw, 1e9);
}, [bobLocked]);

const rskTvlBtc = useMemo(
() => (rskBtcUsd ? decimalic(rskTvlUsd).div(rskBtcUsd).toString() : '0'),
[rskTvlUsd, rskBtcUsd],
);
const bobTvlBtc = useMemo(
() => (bobBtcUsd ? decimalic(bobTvlUsd).div(bobBtcUsd).toString() : '0'),
[bobTvlUsd, bobBtcUsd],
);

const rskVolumeUsd = useMemo(
() => sanitizeUsd(rskVolumeRaw, 1e12),
[rskVolumeRaw],
);
const bobVolumeUsd = useMemo(
() => sanitizeUsd(bobVolumeRaw, 1e12),
[bobVolumeRaw],
);

const rskVolumeBtc = useMemo(
() => (rskBtcUsd ? decimalic(rskVolumeUsd).div(rskBtcUsd).toString() : '0'),
[rskVolumeUsd, rskBtcUsd],
);
const bobVolumeBtc = useMemo(
() => (bobBtcUsd ? decimalic(bobVolumeUsd).div(bobBtcUsd).toString() : '0'),
[bobVolumeUsd, bobBtcUsd],
);

const totalTvlUsd = useMemo(
() => decimalic(rskTvlUsd).add(bobTvlUsd).toString(),
[rskTvlUsd, bobTvlUsd],
);
const totalVolUsd = useMemo(
() => decimalic(rskVolumeUsd).add(bobVolumeUsd).toString(),
[rskVolumeUsd, bobVolumeUsd],
);

const total = useMemo(() => {
return {
lockedData:
Number(rskTVL || '0') + Number(bobLockedData.total_usd || '0'),
volumeData: Number(rskVolume || '0') + Number(bobVolume || '0'),
};
}, [bobLockedData.total_usd, bobVolume, rskTVL, rskVolume]);
const totalTvlBtc = useMemo(
() =>
globalBtcUsd ? decimalic(totalTvlUsd).div(globalBtcUsd).toString() : '0',
[totalTvlUsd, globalBtcUsd],
);
const totalVolBtc = useMemo(
() =>
globalBtcUsd ? decimalic(totalVolUsd).div(globalBtcUsd).toString() : '0',
[totalVolUsd, globalBtcUsd],
);

return (
<div>
Expand All @@ -79,41 +184,50 @@ export const ProtocolData: FC = () => {
<Accordion
label={
<div className="flex justify-between font-medium w-full">
{/* TOTAL TVL (All Networks) — BTC + USD (one BTC/USD) */}
<div className="flex flex-col items-start sm:min-w-44">
<div className="text-xs text-gray-30 mb-2">
{t(pageTranslations.totalValueLockedAllNetworks)}
</div>

{/* BTC total */}
<div className="sm:text-xl text-gray-10 text-sm sm:font-medium font-semibold leading-8">
<NativeTokenAmount
chainId={RSK_CHAIN_ID}
usdValue={total.lockedData}
precision={4}
<AmountRenderer
value={totalTvlBtc}
suffix={BITCOIN}
precision={BTC_RENDER_PRECISION}
/>
</div>

{/* USD total */}
<div className="text-gray-50 text-sm">
<AmountRenderer
value={total.lockedData}
value={totalTvlUsd}
suffix={USD}
precision={USD_VALUE_PRECISION}
/>
</div>
</div>

{/* TOTAL 24H VOLUME (All Networks) — BTC + USD (one BTC/USD) */}
<div className="ml-10 mr-5 flex flex-col items-start sm:min-w-44">
<div className="text-xs text-gray-30 mb-2">
{t(pageTranslations.volumeAllNetworks)}
</div>
<div className="sm:text-2xl text-gray-10 text-sm sm:font-medium font-semibold leading-8">
<NativeTokenAmount
chainId={RSK_CHAIN_ID}
usdValue={total.volumeData}

{/* 24h volume in BTC */}
<div className="sm:text-xl text-gray-10 text-sm sm:font-medium font-semibold leading-8">
<AmountRenderer
value={totalVolBtc}
suffix={BITCOIN}
precision={BTC_RENDER_PRECISION}
/>
</div>

{/* 24h volume in USD */}
<div className="text-gray-50 text-sm">
<AmountRenderer
value={total.volumeData}
value={totalVolUsd}
suffix={USD}
precision={USD_VALUE_PRECISION}
/>
Expand All @@ -123,18 +237,26 @@ export const ProtocolData: FC = () => {
}
children={
<div className="lg:p-4 px-0 py-4 font-medium">
{/* RSK ROW */}
<div className="flex justify-between w-full">
<div className="flex flex-col items-start sm:min-w-44">
<div className="text-xs text-gray-30 mb-2">
{t(pageTranslations.tvlRskNetwork)}
</div>

{/* TVL (RSK) in BTC */}
<div className="text-gray-10 text-sm sm:font-medium font-semibold">
<NativeTokenAmount chainId={RSK_CHAIN_ID} usdValue={rskTVL} />
<AmountRenderer
value={rskTvlBtc}
suffix={BITCOIN}
precision={BTC_RENDER_PRECISION}
/>
</div>

{/* TVL (RSK) in USD */}
<div className="text-gray-50 text-sm">
<AmountRenderer
value={rskTVL}
value={rskTvlUsd}
suffix={USD}
precision={USD_VALUE_PRECISION}
/>
Expand All @@ -145,37 +267,47 @@ export const ProtocolData: FC = () => {
<div className="text-xs text-gray-30 mb-2">
{t(pageTranslations.volumeRskNetwork)}
</div>

{/* 24h Volume (RSK) in BTC */}
<div className="text-gray-10 text-sm sm:font-medium font-semibold">
<NativeTokenAmount
chainId={RSK_CHAIN_ID}
usdValue={rskVolume}
<AmountRenderer
value={rskVolumeBtc}
suffix={BITCOIN}
precision={BTC_RENDER_PRECISION}
/>
</div>

{/* 24h Volume (RSK) in USD */}
<div className="text-gray-50 text-sm">
<AmountRenderer
value={rskVolume}
value={rskVolumeUsd}
suffix={USD}
precision={USD_VALUE_PRECISION}
/>
</div>
</div>
</div>

{/* BOB ROW */}
<div className="flex justify-between w-full mt-4">
<div className="flex flex-col sm:min-w-44">
<div className="text-xs text-gray-30 mb-2">
{t(pageTranslations.tvlBobNetwork)}
</div>
<div className="text-gray-10 text-sm">
<NativeTokenAmount
chainId={RSK_CHAIN_ID}
usdValue={bobLockedData.total_usd}

{/* TVL (BOB) in BTC */}
<div className="text-gray-10 text-sm sm:font-medium font-semibold">
<AmountRenderer
value={bobTvlBtc}
suffix={BITCOIN}
precision={BTC_RENDER_PRECISION}
/>
</div>

{/* TVL (BOB) in USD */}
<div className="text-gray-50 text-sm">
<AmountRenderer
value={bobLockedData.total_usd}
value={bobTvlUsd}
suffix={USD}
precision={USD_VALUE_PRECISION}
/>
Expand All @@ -186,16 +318,20 @@ export const ProtocolData: FC = () => {
<div className="text-xs text-gray-30 mb-2">
{t(pageTranslations.volumeBobNetwork)}
</div>

{/* 24h Volume (BOB) in BTC */}
<div className="text-gray-10 text-sm sm:font-medium font-semibold">
<NativeTokenAmount
chainId={RSK_CHAIN_ID}
usdValue={bobVolume}
<AmountRenderer
value={bobVolumeBtc}
suffix={BITCOIN}
precision={BTC_RENDER_PRECISION}
/>
</div>

{/* 24h Volume (BOB) in USD */}
<div className="text-gray-50 text-sm">
<AmountRenderer
value={bobVolume}
value={bobVolumeUsd}
suffix={USD}
precision={USD_VALUE_PRECISION}
/>
Expand Down
Loading