diff --git a/ui/components/app/asset-list/asset-list.js b/ui/components/app/asset-list/asset-list.js index da0209e8d..08f8c6169 100644 --- a/ui/components/app/asset-list/asset-list.js +++ b/ui/components/app/asset-list/asset-list.js @@ -37,6 +37,8 @@ const AssetList = ({ onClickAsset }) => { const nativeCurrency = useSelector(getNativeCurrency); const showFiat = useSelector(getShouldShowFiat); const trackEvent = useContext(MetaMetricsContext); + const balance = useSelector(getSelectedAccountCachedBalance); + const balanceIsLoading = !balance; const { currency: primaryCurrency, @@ -76,7 +78,7 @@ const AssetList = ({ onClickAsset }) => { } tokenSymbol={primaryCurrencyProperties.suffix} secondary={showFiat ? secondaryCurrencyDisplay : undefined} - tokenImage={primaryTokenImage} + tokenImage={balanceIsLoading ? null : primaryTokenImage} identiconBorder /> { return ( { +const WalletOverview = ({ balance, buttons, className, icon, loading }) => { + console.log('balance1', balance); return (
- {icon} + {loading ? null : icon} {balance}
{buttons}
@@ -19,6 +20,7 @@ WalletOverview.propTypes = { buttons: PropTypes.element.isRequired, className: PropTypes.string, icon: PropTypes.element.isRequired, + loading: PropTypes.boolean, }; WalletOverview.defaultProps = {