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

hide and show menu parts according to visible coins

Browse Source
This commit is contained in:
Vladimir Volek 2019-04-17 16:20:14 +02:00
parent 53c8fd4eb5
commit 7d5b08aa3b
1 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -26,13 +26,21 @@ const StyledLink = styled(Link)`
}
`;
const Empty = styled.div`
const Empty = styled.span`
display: flex;
justify-content: center;
align-items: center;
min-height: 50px;
`;
const StyledLinkEmpty = styled(Link)`
padding: 0 5px;
`;
const Gray = styled.span`
color: ${colors.TEXT_SECONDARY};
`;
class CoinMenu extends PureComponent<Props> {
getBaseUrl() {
const { selectedDevice } = this.props.wallet;
@ -85,22 +93,36 @@ class CoinMenu extends PureComponent<Props> {
});
}
isEmpty(networks) {
const numberOfVisibleNetworks = networks
isTopMenuEmpty() {
const numberOfVisibleNetworks = this.props.localStorage.config.networks
.filter(item => !item.isHidden) // hide coins globally in config
.filter(item => this.props.wallet.hiddenCoins.includes(item.shortcut));
return numberOfVisibleNetworks.length <= 0;
}
isBottomMenuEmpty() {
const { hiddenCoins } = this.props.wallet;
const numberOfVisibleNetworks = coins
.filter(item => !item.isHidden)
.filter(item => hiddenCoins.includes(item.id));
return numberOfVisibleNetworks.length <= 0;
}
isMenuEmpty() {
return this.isTopMenuEmpty() && this.isBottomMenuEmpty();
}
render() {
const { hiddenCoins } = this.props.wallet;
const { config } = this.props.localStorage;
return (
<Wrapper data-test="Main__page__coin__menu">
{this.isEmpty(config.networks) && (
{this.isMenuEmpty() && (
<Empty>
Please <Link to="/settings"> select a coin </Link> in application settings
<StyledLinkEmpty to="/settings">Select a coin</StyledLinkEmpty>
<Gray> in application settings</Gray>
</Empty>
)}
{config.networks
@ -120,11 +142,13 @@ class CoinMenu extends PureComponent<Props> {
/>
</NavLink>
))}
<Divider
testId="Main__page__coin__menu__divider"
textLeft={<FormattedMessage {...l10nMessages.TR_OTHER_COINS} />}
hasBorder
/>
{!this.isBottomMenuEmpty() && (
<Divider
testId="Main__page__coin__menu__divider"
textLeft={<FormattedMessage {...l10nMessages.TR_OTHER_COINS} />}
hasBorder
/>
)}
{this.getOtherCoins()}
</Wrapper>
);