add secondary coins

src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js

@@ -41,8 +41,11 @@ class CoinMenu extends PureComponent<Props> {
     }
 
     getOtherCoins() {
+        const { hiddenCoins } = this.props.wallet;
         return coins
             .sort((a, b) => a.order - b.order)
+            .filter(item => !item.isHidden) // hide coins globally in config
+            .filter(item => hiddenCoins.includes(item.id))
             .map(coin => {
                 const row = (
                     <RowCoin
@@ -81,8 +84,8 @@ class CoinMenu extends PureComponent<Props> {
         return (
             <Wrapper data-test="Main__page__coin__menu">
                 {config.networks
-                    .filter(item => !item.isHidden) // filter coins globally in config
-                    .filter(item => hiddenCoins.includes(item.shortcut)) // filter coins by user settings
+                    .filter(item => !item.isHidden) // hide coins globally in config
+                    .filter(item => hiddenCoins.includes(item.shortcut)) // hide coins by user settings
                     .sort((a, b) => a.order - b.order)
                     .map(item => (
                         <NavLink

src/views/Wallet/views/WalletSettings/components/Coins/index.js

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { FONT_SIZE } from 'config/variables';
+import coins from 'constants/coins';
 
 import { colors, Switch, CoinLogo } from 'trezor-ui-components';
 import l10nMessages from '../../index.messages';
@@ -89,6 +90,26 @@ const CoinsSettings = (props: Props) => (
                             </Right>
                         </CoinRow>
                     ))}
+                {coins
+                    .sort((a, b) => a.order - b.order)
+                    .map(network => (
+                        <CoinRow key={network.id}>
+                            <Left>
+                                <LogoWrapper>
+                                    <CoinLogo height="23" network={network.id} />
+                                </LogoWrapper>
+                                <Name>{network.coinName}</Name>
+                            </Left>
+                            <Right>
+                                <Switch
+                                    onChange={isVisible => {
+                                        props.handleCoinVisibility(network.id, !isVisible);
+                                    }}
+                                    checked={props.hiddenCoins.includes(network.id)}
+                                />
+                            </Right>
+                        </CoinRow>
+                    ))}
             </Content>
         </Row>
     </Wrapper>