SOV-4493: Show ecosystem statistics only in BTC and USD (#1034)

* SOV-4445: Runes page Updates (#1028)

* chore: update rune symbols

* Create neat-humans-develop.md

* chore: update styles for dog

* SOV-4496: add LST pools (#1029)

* chore: SOV-4496 add new pools

* chore: add background to asset

* Version Packages (#1030)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* Fix asset icon styles (#1032)

* chore: fix asset icon styles

* Create gentle-schools-fetch.md

* Show ecosystem statistics only in BTC and USD

* Create mighty-swans-remember.md

* Force rebuild

---------

Co-authored-by: Pietro <[email protected]>
Co-authored-by: Victor Creed <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: 4 people

.changeset/mighty-swans-remember.md

@@ -0,0 +1,5 @@
+---
+"frontend": patch
+---
+
+SOV-4493: Show ecosystem statistics only in BTC and USD

apps/frontend/src/app/5_pages/ProtocolDataPage/components/EcosystemStatistics/EcosystemStatistics.tsx

@@ -5,32 +5,33 @@ import { t } from 'i18next';
 
 import { Button, ButtonStyle, Paragraph } from '@sovryn/ui';
 
+import { RSK_CHAIN_ID } from '../../../../../config/chains';
+
 import { AmountRenderer } from '../../../../2_molecules/AmountRenderer/AmountRenderer';
 import { NativeTokenAmount } from '../../../../2_molecules/NativeTokenAmount/NativeTokenAmount';
-import { BITCOIN, ETH, USD } from '../../../../../constants/currencies';
+import { BITCOIN, USD } from '../../../../../constants/currencies';
 import { useCurrentChain } from '../../../../../hooks/useChainStore';
 import { translations } from '../../../../../locales/i18n';
-import { isBobChain, isRskChain } from '../../../../../utils/chain';
+import { isBobChain } from '../../../../../utils/chain';
 import { useGetLockedData } from '../../../LandingPage/components/ProtocolData/hooks/useGetLockedData';
 import { getCurrencyPrecision } from '../../../PortfolioPage/components/ProtocolSection/ProtocolSection.utils';
 import { pageTranslations } from '../../ProtocolDataPage.constants';
 import { ContractData } from './EcosystemStatistics.types';
 
+const currencies = [BITCOIN, USD];
+
 export const EcosystemStatistics: FC = () => {
   const lockedData = useGetLockedData();
+
   const chainId = useCurrentChain();
 
-  const currencies = useMemo(
-    () => (isRskChain(chainId) ? [BITCOIN, USD] : [ETH, USD]),
-    [chainId],
-  );
   const [selectedCurrency, setSelectedCurrency] = useState(USD);
 
   useEffect(() => {
     if (!currencies.includes(selectedCurrency)) {
       setSelectedCurrency(currencies[0]);
     }
-  }, [currencies, selectedCurrency]);
+  }, [selectedCurrency]);
 
   const totalValue = useMemo(() => {
     if (isBobChain(chainId)) {
@@ -59,13 +60,10 @@ export const EcosystemStatistics: FC = () => {
     lockedData.tvlZero?.totalUsd,
   ]);
 
-  const subTotalValue = useMemo(() => {
-    if (isBobChain(chainId)) {
-      return totalValue - Number(lockedData.tvlStaking?.totalUsd || 0);
-    } else {
-      return totalValue - Number(lockedData.tvlStaking?.totalUsd || 0);
-    }
-  }, [chainId, lockedData.tvlStaking?.totalUsd, totalValue]);
+  const subTotalValue = useMemo(
+    () => totalValue - Number(lockedData.tvlStaking?.totalUsd || 0),
+    [lockedData.tvlStaking?.totalUsd, totalValue],
+  );
 
   const list: ContractData[] = useMemo(() => {
     if (isBobChain(chainId)) {
@@ -83,6 +81,7 @@ export const EcosystemStatistics: FC = () => {
             ) : (
               <NativeTokenAmount
                 usdValue={lockedData.tvlSdex?.totalUsd}
+                chainId={RSK_CHAIN_ID}
                 precision={getCurrencyPrecision(selectedCurrency)}
                 dataAttribute="ecosystem-statistics-sdex-contract-value"
               />
@@ -103,6 +102,7 @@ export const EcosystemStatistics: FC = () => {
             ) : (
               <NativeTokenAmount
                 usdValue={lockedData.tvlStaking?.totalUsd}
+                chainId={RSK_CHAIN_ID}
                 precision={getCurrencyPrecision(selectedCurrency)}
                 dataAttribute="ecosystem-statistics-bitocracy-staking-value"
               />
@@ -121,6 +121,7 @@ export const EcosystemStatistics: FC = () => {
             ) : (
               <NativeTokenAmount
                 usdValue={totalValue}
+                chainId={RSK_CHAIN_ID}
                 precision={getCurrencyPrecision(selectedCurrency)}
                 dataAttribute="ecosystem-statistics-total-value"
               />