arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-02-15 01:22:01 +00:00
Code Issues Releases Wiki Activity

add empty message for coin menu

Browse Source
This commit is contained in:
Vladimir Volek 2019-04-16 20:33:48 +02:00
parent 8158158d14
commit 53c8fd4eb5
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
View File

@ -26,6 +26,13 @@ const StyledLink = styled(Link)`
}
`;
const Empty = styled.div`
display: flex;
justify-content: center;
align-items: center;
min-height: 50px;
`;
class CoinMenu extends PureComponent<Props> {
getBaseUrl() {
const { selectedDevice } = this.props.wallet;
@ -78,11 +85,24 @@ class CoinMenu extends PureComponent<Props> {
});
}
isEmpty(networks) {
const numberOfVisibleNetworks = networks
.filter(item => !item.isHidden) // hide coins globally in config
.filter(item => this.props.wallet.hiddenCoins.includes(item.shortcut));
return numberOfVisibleNetworks.length <= 0;
}
render() {
const { hiddenCoins } = this.props.wallet;
const { config } = this.props.localStorage;
return (
<Wrapper data-test="Main__page__coin__menu">
{this.isEmpty(config.networks) && (
<Empty>
Please <Link to="/settings"> select a coin </Link> in application settings
</Empty>
)}
{config.networks
.filter(item => !item.isHidden) // hide coins globally in config
.filter(item => hiddenCoins.includes(item.shortcut)) // hide coins by user settings