feat: update native token amount

DistributedCollective · Aug 1, 2024 · 7b5d898 · 7b5d898
1 parent 54021ac
commit 7b5d898
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 18 deletions.
diff --git a/apps/frontend/src/app/2_molecules/NativeTokenAmount/NativeTokenAmount.tsx b/apps/frontend/src/app/2_molecules/NativeTokenAmount/NativeTokenAmount.tsx
@@ -1,10 +1,7 @@
 import React, { FC, useMemo } from 'react';
 
 import { getCurrencyPrecision } from '../../5_pages/PortfolioPage/components/ProtocolSection/ProtocolSection.utils';
-import { BITCOIN, ETH } from '../../../constants/currencies';
-import { useChainStore } from '../../../hooks/useChainStore';
 import { useGetNativeTokenPrice } from '../../../hooks/useGetNativeTokenPrice';
-import { isRskChain } from '../../../utils/chain';
 import { decimalic } from '../../../utils/math';
 import { AmountRenderer } from '../AmountRenderer/AmountRenderer';
 
@@ -19,13 +16,7 @@ export const NativeTokenAmount: FC<NativeTokenAmountProps> = ({
   dataAttribute,
   precision,
 }) => {
-  const { currentChainId } = useChainStore();
-  const nativeToken = useMemo(
-    () => (isRskChain(currentChainId) ? BITCOIN : ETH),
-    [currentChainId],
-  );
-
-  const { price: nativeTokenPrice } = useGetNativeTokenPrice();
+  const { price: nativeTokenPrice, nativeToken } = useGetNativeTokenPrice();
 
   const value = useMemo(
     () =>

diff --git a/apps/frontend/src/app/5_pages/LandingPage/components/ProtocolData/ProtocolData.tsx b/apps/frontend/src/app/5_pages/LandingPage/components/ProtocolData/ProtocolData.tsx
@@ -157,7 +157,7 @@ export const ProtocolData: FC = () => {
                 <div className="text-xs text-gray-30 mb-2">
                   {t(pageTranslations.tvlBobNetwork)}
                 </div>
-                <div className="text-gray-10 text-sm italic">
+                <div className="text-gray-10 text-sm">
                   <NativeTokenAmount usdValue={bobLockedData.total_usd} />
                 </div>
                 <div className="text-gray-50 text-sm">

diff --git a/apps/frontend/src/hooks/useGetNativeTokenPrice.ts b/apps/frontend/src/hooks/useGetNativeTokenPrice.ts
@@ -4,20 +4,21 @@ import axios from 'axios';
 
 import { RSK_CHAIN_ID } from '../config/chains';
 
+import { BITCOIN, ETH } from '../constants/currencies';
 import { COMMON_SYMBOLS } from '../utils/asset';
-import { isRskChain } from '../utils/chain';
+import { isBobChain } from '../utils/chain';
 import { getIndexerUrl } from '../utils/helpers';
 import { toWei } from '../utils/math';
 import { useCacheCall } from './useCacheCall';
-import { getCurrentChain, useCurrentChain } from './useChainStore';
+import { useCurrentChain } from './useChainStore';
 import { useDollarValue } from './useDollarValue';
 
 export const useGetNativeTokenPrice = () => {
-  const chainId = useCurrentChain();
+  const currentChainId = useCurrentChain();
 
   const { value: rBTCPrice } = useCacheCall(
     'rbtc-price/indexer',
-    getCurrentChain(),
+    RSK_CHAIN_ID,
     async () => {
       const { data } = await axios.get(getIndexerUrl() + 'tokens', {
         params: {
@@ -38,9 +39,14 @@ export const useGetNativeTokenPrice = () => {
   );
 
   const price = useMemo(
-    () => (isRskChain(chainId) ? rBTCPrice : ethPrice),
-    [chainId, ethPrice, rBTCPrice],
+    () => (isBobChain(currentChainId) ? ethPrice : rBTCPrice),
+    [currentChainId, ethPrice, rBTCPrice],
   );
 
-  return { price };
+  const nativeToken = useMemo(
+    () => (isBobChain(currentChainId) ? ETH : BITCOIN),
+    [currentChainId],
+  );
+
+  return { price, nativeToken };
 };