fix(balances): show balances when they are 0 (#6306)

blockchain · Mar 5, 2024 · 421e39e · 421e39e
1 parent ca5571f
commit 421e39e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 18 deletions.
diff --git a/...n-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Balances/WalletBalance/Balance/index.tsx b/...n-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Balances/WalletBalance/Balance/index.tsx
@@ -15,6 +15,7 @@ const Balance = ({ coin, coinTicker }: Props) => {
   const { data, hasError, isLoading, isNotAsked } = useRemote(
     selectors.balances.getCoinTotalBalance(coin)
   )
+
   const handleRefresh = () => {
     if (window.coins?.[coin]?.coinfig?.type.erc20Address) {
       dispatch(fetchErc20Data(coin))
@@ -23,7 +24,7 @@ const Balance = ({ coin, coinTicker }: Props) => {
     }
   }
 
-  if (isLoading || isNotAsked || !data) {
+  if (isLoading || isNotAsked || typeof data !== 'number') {
     return <LoadingBalance coinTicker={coinTicker} />
   }
 

diff --git a/packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Balances/model.tsx b/packages/blockchain-wallet-v4-frontend/src/layouts/Wallet/MenuLeft/Balances/model.tsx
@@ -3,30 +3,13 @@ import { LinkContainer } from 'react-router-bootstrap'
 import styled from 'styled-components'
 
 import { SkeletonRectangle, Text } from 'blockchain-info-components'
-import CoinDisplay from 'components/Display/CoinDisplay'
-import FiatDisplay from 'components/Display/FiatDisplay'
 import SwitchableDisplay from 'components/Display/SwitchableDisplay'
 
-const CoinBalanceMain = styled.div`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  padding-right: 15px;
-  > div:last-child {
-    margin-left: 10px;
-    > div {
-      color: ${(props) => props.theme.blue900};
-    }
-  }
-`
 const CoinBalanceSwitchable = styled.div`
   display: flex;
   justify-content: space-between;
 `
 
-const BalanceSkeleton = styled.div`
-  margin-top: 4px;
-`
 const CoinSkeletonWrapper = styled.div`
   display: flex;
   align-items: center;