diff --git a/app/tray/AccountSelector/index.js b/app/tray/AccountSelector/index.js index abb50c72f..ae6eabebb 100644 --- a/app/tray/AccountSelector/index.js +++ b/app/tray/AccountSelector/index.js @@ -7,6 +7,8 @@ import AccountController from './AccountController' import { accountSort as byCreation } from '../../../resources/domain/account' import { matchFilter } from '../../../resources/utils' +import { Cluster, ClusterBox, ClusterValue, ClusterRow } from '../../../resources/Components/Cluster' + import svg from '../../../resources/svg' import link from '../../../resources/link' @@ -41,8 +43,10 @@ class AccountSelector extends React.Component { } renderAccountFilter() { + const accounts = this.store('main.accounts') const open = this.store('selected.open') - if (open) return null + if (Object.keys(accounts).length === 0 || open) return null + return (
{svg.search(12)}
@@ -102,7 +106,30 @@ class AccountSelector extends React.Component { /> )) ) : Object.keys(accounts).length === 0 ? ( -
{'No Accounts Added'}
+ + + + +
{'No Accounts Added'}
+
+
+ + { + link.send('tray:action', 'navDash', { + view: 'accounts', + data: { showAddAccounts: true } + }) + }} + > +
+
{svg.accounts(16)}
+
{'Add New Account'}
+
+
+
+
+
) : (
{'No Matching Accounts'}
)} diff --git a/app/tray/AccountSelector/style/index.styl b/app/tray/AccountSelector/style/index.styl index 71a310abc..5384a28b1 100644 --- a/app/tray/AccountSelector/style/index.styl +++ b/app/tray/AccountSelector/style/index.styl @@ -43,6 +43,7 @@ font-size 19px position relative z-index 100 + padding 24px .introLogo padding-bottom 38px @@ -186,3 +187,12 @@ pointer-events none * pointer-events none + +.newAccountButton + display flex + padding 16px + color var(--good) + font-weight 400 + + .newAccountIcon + padding-right 10px