Merge pull request #2300 from DistributedCollective/feat/zero-tvl

Add Zero to TVL stats (#2288)
DistributedCollective · Jun 30, 2022 · f838400 · f838400
2 parents d688562 + 92cf342
commit f838400
Show file tree

Hide file tree

Showing 8 changed files with 3,204 additions and 5 deletions.
diff --git a/src/app/containers/StatsPage/types.ts b/src/app/containers/StatsPage/types.ts
@@ -32,6 +32,10 @@ export type TvlData = {
     totalBtc: number;
     totalUsd: number;
   };
+  tvlZero: {
+    totalBtc: number;
+    totalUsd: number;
+  };
   total_btc: number;
   total_usd: number;
 };

diff --git a/src/app/pages/LandingPage/components/TotalValueLocked/index.tsx b/src/app/pages/LandingPage/components/TotalValueLocked/index.tsx
@@ -32,6 +32,11 @@ export const TotalValueLocked: React.FC<ITotalValueLockedProps> = ({
         btcValue: data?.tvlAmm?.totalBtc || 0,
         usdValue: data?.tvlAmm?.totalUsd || 0,
       },
+      {
+        contract: t(translations.landingPage.tvl.zero),
+        btcValue: data?.tvlZero?.totalBtc || 0,
+        usdValue: data?.tvlZero?.totalUsd || 0,
+      },
       {
         contract: t(translations.landingPage.tvl.subProtocol),
         btcValue: data?.tvlSubprotocols?.totalBtc || 0,

diff --git a/src/app/pages/LandingPage/index.tsx b/src/app/pages/LandingPage/index.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useTranslation } from 'react-i18next';
 import { translations } from 'locales/i18n';
@@ -19,6 +19,13 @@ import { CryptocurrencyPrices } from './components/CryptocurrencyPrices';
 import { IAssets } from './components/CryptocurrencyPrices/types';
 import styles from './index.module.scss';
 import { IPairsData } from 'types/trading-pairs';
+import { numberFromWei } from 'utils/blockchain/math-helpers';
+import { bridgeNetwork } from '../BridgeDepositPage/utils/bridge-network';
+import { Asset, Chain } from 'types';
+import { getContract } from 'utils/blockchain/contract-helpers';
+import { useDenominateAssetAmount } from 'app/hooks/trading/useDenominateAssetAmount';
+import { useDollarValue } from 'app/hooks/useDollarValue';
+import { bignumber } from 'mathjs';
 
 const url = backendUrl[currentChainId];
 
@@ -27,7 +34,7 @@ interface ILandingPageProps {
 }
 
 export const LandingPage: React.FC<ILandingPageProps> = ({
-  refreshInterval = 300000,
+  refreshInterval = 600000,
 }) => {
   const { t } = useTranslation();
 
@@ -37,6 +44,12 @@ export const LandingPage: React.FC<ILandingPageProps> = ({
   const [pairsData, setPairsData] = useState<IPairsData>();
   const [assetLoading, setAssetLoading] = useState(false);
   const [assetData, setAssetData] = useState<IAssets>();
+  const [zusdDepositsWeiAmount, setZusdDepositsWeiAmount] = useState('0');
+  const [
+    rbtcCollateralValueWeiAmount,
+    setRbtcCollateralValueWeiAmount,
+  ] = useState('0');
+  const [zeroLoading, setZeroLoading] = useState(false);
 
   const cancelDataRequest = useRef<Canceler>();
   const cancelPairsDataRequest = useRef<Canceler>();
@@ -62,6 +75,36 @@ export const LandingPage: React.FC<ILandingPageProps> = ({
       });
   }, []);
 
+  const getZeroTvlData = useCallback(() => {
+    setZeroLoading(true);
+
+    bridgeNetwork
+      .multiCall(Chain.RSK, [
+        {
+          address: getContract('zero_troveManager').address,
+          abi: getContract('zero_troveManager').abi,
+          fnName: 'getEntireSystemColl',
+          args: [],
+          key: 'rbtcCollateral',
+          parser: value => value[0].toString(),
+        },
+        {
+          address: getContract('zero_stabilityPool').address,
+          abi: getContract('zero_stabilityPool').abi,
+          fnName: 'getTotalZUSDDeposits',
+          args: [],
+          key: 'zusdDeposits',
+          parser: value => value[0].toString(),
+        },
+      ])
+      .then(result => {
+        setZusdDepositsWeiAmount(result.returnData.zusdDeposits);
+        setRbtcCollateralValueWeiAmount(result.returnData.rbtcCollateral);
+      })
+      .catch(e => console.error(e))
+      .finally(() => setZeroLoading(false));
+  }, []);
+
   const getPairsData = useCallback(() => {
     setPairsLoading(true);
     cancelPairsDataRequest.current && cancelPairsDataRequest.current();
@@ -105,13 +148,56 @@ export const LandingPage: React.FC<ILandingPageProps> = ({
   useInterval(
     () => {
       getTvlData();
+      getZeroTvlData();
       getPairsData();
       getAssetData();
     },
     refreshInterval,
     { immediate: true },
   );
 
+  const zusdDepositRbtcValue = useDenominateAssetAmount(
+    Asset.XUSD, // we cannot use Asset.ZUSD but 1 ZUSD === 1 XUSD
+    Asset.RBTC,
+    zusdDepositsWeiAmount,
+  );
+
+  const rbtcCollateralUsdValue = useDollarValue(
+    Asset.RBTC,
+    rbtcCollateralValueWeiAmount,
+  );
+
+  useEffect(() => {
+    if (
+      !zeroLoading &&
+      rbtcCollateralValueWeiAmount !== '0' &&
+      zusdDepositsWeiAmount !== '0'
+    ) {
+      const zeroTotalRbtc = numberFromWei(
+        bignumber(zusdDepositRbtcValue.value)
+          .add(rbtcCollateralValueWeiAmount)
+          .toString(),
+      );
+      const zeroTotalUsd = numberFromWei(
+        bignumber(zusdDepositsWeiAmount)
+          .add(rbtcCollateralUsdValue.value)
+          .toString(),
+      );
+      setTvlData(tvlData => ({
+        ...tvlData!,
+        tvlZero: { totalBtc: zeroTotalRbtc, totalUsd: zeroTotalUsd },
+        total_btc: (tvlData?.total_btc || 0) + zeroTotalRbtc,
+        total_usd: (tvlData?.total_usd || 0) + zeroTotalUsd,
+      }));
+    }
+  }, [
+    rbtcCollateralUsdValue.value,
+    rbtcCollateralValueWeiAmount,
+    zeroLoading,
+    zusdDepositRbtcValue.value,
+    zusdDepositsWeiAmount,
+  ]);
+
   return (
     <>
       <Helmet>

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -2587,10 +2587,11 @@
       "btc": "Value (BTC)",
       "usd": "Value (USD)",
       "protocol": "Protocol Contract",
-      "lend": "Lending Contract",
-      "amm": "Amm Contract",
+      "lend": "Lending Contracts",
+      "amm": "AMM Contracts",
+      "zero": "Zero Contracts",
       "staked": "Bitocracy Staking Contract",
-      "subProtocol": "Subprotocol Bonding Curve Contracts",
+      "subProtocol": "MYNT Bonding Curve Contract",
       "subtotal": "Sub total",
       "total": "Total"
     },