Add disabled option "Add account" button

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>
                 );
             }