From 53c8fd4eb53d90f92c1c7e2efd438fe0667c2778 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Tue, 16 Apr 2019 20:33:48 +0200
Subject: [PATCH] add empty message for coin menu

---
 .../components/CoinMenu/index.js              | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
index f9be9c7c..b8dfdc11 100644
--- a/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
+++ b/src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
@@ -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