fix: overriding marketcap

hirosystems · Dec 18, 2024 · 88898ff · 88898ff
1 parent 3de8dc6
commit 88898ff
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/src/app/token/[tokenId]/TokenInfo/MarketCap.tsx b/src/app/token/[tokenId]/TokenInfo/MarketCap.tsx
@@ -11,16 +11,29 @@ export const MarketCap: FC<
     marketCap: number | null | undefined;
     tradingVolume24h: number | null | undefined;
     tradingVolumeChangePercentage24h: number | null | undefined;
+    marketCapOverride?: number | null | undefined;
   }
-> = ({ marketCap, tradingVolumeChangePercentage24h, tradingVolume24h, ...gridProps }) => {
+> = ({
+  marketCap,
+  tradingVolumeChangePercentage24h,
+  tradingVolume24h,
+  marketCapOverride,
+  ...gridProps
+}) => {
   return (
     <StatSection
       title="Market Cap"
-      bodyMainText={marketCap ? `$${abbreviateNumber(marketCap)}` : 'N/A'}
+      bodyMainText={
+        marketCapOverride
+          ? `$${abbreviateNumber(marketCapOverride, 2)}`
+          : marketCap
+            ? `$${abbreviateNumber(marketCap, 2)}`
+            : 'N/A'
+      }
       bodySecondaryText={null}
       caption={
         <Flex fontSize={'12px'} fontWeight="500" alignItems={'center'} gap={'6px'}>
-          Trading Volume: ${tradingVolume24h ? abbreviateNumber(tradingVolume24h) : 'N/A'}
+          Trading Volume: ${tradingVolume24h ? abbreviateNumber(tradingVolume24h, 2) : 'N/A'}
           {tradingVolumeChangePercentage24h ? (
             <TrendArrow change={tradingVolumeChangePercentage24h} size={'11px'} />
           ) : null}

diff --git a/src/app/token/[tokenId]/TokenInfo/index.tsx b/src/app/token/[tokenId]/TokenInfo/index.tsx
@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 
+import { getIsSBTC } from '../../../../app/tokens/utils';
 import { Wrapper } from '../../../_components/Stats/Wrapper';
 import { TokenInfoProps } from '../types';
 import { MarketCap } from './MarketCap';
@@ -12,14 +13,18 @@ export const TokenInfo: FC<{ tokenInfo: TokenInfoProps; tokenId: string }> = ({
   tokenInfo,
   tokenId,
 }) => {
+  const circulatingSupply =
+    tokenInfo?.extended?.circulatingSupply || tokenInfo?.basic?.circulatingSupply;
+  const currentPrice = tokenInfo?.extended?.currentPrice;
+  const isSBTC = getIsSBTC(tokenId);
+  const sBTCMarketCapOverride = // LunarCrush is returning an incorrect circulating supply for SBTC, resulting in an incorrect market cap. Manually overriding it here.
+    circulatingSupply && currentPrice ? circulatingSupply * currentPrice : undefined;
   return (
     <ErrorBoundary fallbackRender={() => null}>
       <Wrapper>
         <Supply
           borderRightWidth={['0px', '0px', '1px', '1px']}
-          circulatingSupply={
-            tokenInfo.basic?.circulatingSupply || tokenInfo.extended?.circulatingSupply
-          }
+          circulatingSupply={circulatingSupply}
           totalSupply={tokenInfo.basic?.totalSupply}
         />
         <Price
@@ -34,6 +39,7 @@ export const TokenInfo: FC<{ tokenInfo: TokenInfoProps; tokenId: string }> = ({
           tradingVolume24h={tokenInfo.extended?.tradingVolume24h}
           tradingVolumeChangePercentage24h={tokenInfo.extended?.tradingVolumeChangePercentage24h}
           borderRightWidth={['0px', '0px', '1px', '1px']}
+          marketCapOverride={isSBTC ? sBTCMarketCapOverride : undefined}
         />
         <Transaction txId={tokenId} marketCapRank={tokenInfo.extended?.marketCapRank} />
       </Wrapper>