diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js index c1e1ce2b..1e8136e1 100644 --- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js @@ -93,6 +93,25 @@ class CoinMenu extends PureComponent { }); } + getEmptyContent() { + return ( + + + + + + ), + }} + />{' '} + + + ); + } + isTopMenuEmpty() { const numberOfVisibleNetworks = this.props.localStorage.config.networks .filter(item => !item.isHidden) // hide coins globally in config @@ -119,24 +138,7 @@ class CoinMenu extends PureComponent { const { config } = this.props.localStorage; return ( - {this.isMenuEmpty() && ( - - - - - - ), - }} - />{' '} - - - )} + {this.isMenuEmpty() || (this.isTopMenuEmpty() && this.getEmptyContent())} {config.networks .filter(item => !item.isHidden) // hide coins globally in config .filter(item => !hiddenCoins.includes(item.shortcut)) // hide coins by user settings @@ -154,14 +156,15 @@ class CoinMenu extends PureComponent { /> ))} - {!this.isBottomMenuEmpty() && ( + {!this.isMenuEmpty() && ( } hasBorder /> )} - {this.getOtherCoins()} + {this.isBottomMenuEmpty() && this.getEmptyContent()} + {!this.isBottomMenuEmpty() && this.getOtherCoins()} ); }