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