fix: split loading effects for different tokens in totalTreasury comp…

…onent #1403 (#1449)
opensquare-network · Nov 20, 2024 · 37e66a8 · 37e66a8
1 parent 83d77cc
commit 37e66a8
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/site/src/pages/Overview/polkadot/totalTreasury.jsx b/site/src/pages/Overview/polkadot/totalTreasury.jsx
@@ -135,17 +135,24 @@ export default function OverviewTotalTreasury() {
     totalMythTokenValue,
   ).toString();
 
-  const isLoading =
+  const isDotLoading =
     relayChainAssetsBalance.isLoading ||
     hydration.isLoading ||
     bountiesTotalBalance.isLoading ||
-    fellowshipSalaryUsdtBalance.isLoading ||
     fellowshipTreasuryDotBalance.isLoading ||
-    loansCentrifugeUsdcBalance.isLoading ||
     loansBifrostDotBalance.isLoading ||
-    loansPendulumDotBalance.isLoading ||
-    mythTokenAssetsBalance.isLoading ||
-    isFiatPriceLoading;
+    loansPendulumDotBalance.isLoading;
+
+  const isUSDtLoading =
+    hydration.isLoading || fellowshipSalaryUsdtBalance.isLoading;
+
+  const isUSDCLoading =
+    hydration.isLoading || loansCentrifugeUsdcBalance.isLoading;
+
+  const isMYTHLoading = mythTokenAssetsBalance.isLoading;
+
+  const isLoading =
+    isDotLoading || isUSDtLoading || isUSDCLoading || isMYTHLoading;
 
   return (
     <Wrapper>
@@ -166,22 +173,22 @@ export default function OverviewTotalTreasury() {
         >
           <TokenItem
             icon="asset-dot.svg"
-            isLoading={isLoading}
+            isLoading={isDotLoading}
             totalValue={totalDot}
             precision={polkadot.decimals}
             symbol={polkadot.symbol}
           />
         </Tooltip>
         <TokenItem
           icon="asset-usdt.svg"
-          isLoading={isLoading}
+          isLoading={isUSDtLoading}
           totalValue={totalUSDt}
           precision={USDt.decimals}
           symbol={USDt.symbol}
         />
         <TokenItem
           icon="asset-usdc.svg"
-          isLoading={isLoading}
+          isLoading={isUSDCLoading}
           totalValue={totalUSDC}
           precision={USDC.decimals}
           symbol={USDC.symbol}
@@ -193,7 +200,7 @@ export default function OverviewTotalTreasury() {
         >
           <TokenItem
             icon="asset-myth.svg"
-            isLoading={isLoading}
+            isLoading={isMYTHLoading}
             totalValue={totalMythToken}
             precision={MYTH.decimals}
             symbol={MYTH.symbol}