From 9ba8cfaab8f40163b613ea1a94049acecc6e1835 Mon Sep 17 00:00:00 2001
From: Vasek Mlejnsky <vasek.mlejnsky@gmail.com>
Date: Mon, 20 Aug 2018 13:31:59 +0200
Subject: [PATCH] Add disabled option "Add account" button

---
 .../components/AccountMenu/index.js           | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js b/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
index 63976041..abb620d6 100644
--- a/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
+++ b/src/js/views/Wallet/components/LeftNavigation/components/AccountMenu/index.js
@@ -87,6 +87,13 @@ const AddAccountWrapper = styled.div`
         color: ${colors.TEXT_PRIMARY};
         transition: background-color ${TRANSITION_TIME.BASE} ease-in-out, color ${TRANSITION_TIME.BASE} ease-in-out, border-color ${TRANSITION_TIME.BASE} ease-in-out;
     }
+
+    ${props => props.disabled && css`
+        cursor: not-allowed;
+        &:hover {
+            color: ${colors.TEXT_SECONDARY};
+        }
+    `}
 `;
 
 const AddAccountIconWrapper = styled.div`
@@ -248,9 +255,19 @@ const AccountMenu = (props: Props): ?React$Element<string> => {
                         overlay={tooltip}
                         placement="top"
                     >
-                        <div className="add-account disabled">
+                        <AddAccountWrapper
+                            onClick={props.addAccount}
+                            disabled
+                        >
+                            <AddAccountIconWrapper>
+                                <Icon
+                                    icon={ICONS.PLUS}
+                                    size={24}
+                                    color={colors.TEXT_SECONDARY}
+                                />
+                            </AddAccountIconWrapper>
                             Add account
-                        </div>
+                        </AddAccountWrapper>
                     </Tooltip>
                 );
             }