[bug] For now, disable UI for supporting multiple accounts. It does not currently work with API tokens.

2 files changed, 21 insertions, 7 deletions

diff --git a/ui/app/components/main_panel/index.js b/ui/app/components/main_panel/index.js
index 2949b1b..05a1e90 100644
--- a/ui/app/components/main_panel/index.js
+++ b/ui/app/components/main_panel/index.js
@@ -68,6 +68,7 @@ export default class MainPanel extends React.Component {
   render() {
     let emailSection = null
     let vpnSection = null
+    let sidePanel = null
 
     if (this.state.account.authenticated) {
       if (this.state.account.hasEmail) {
@@ -75,12 +76,18 @@ export default class MainPanel extends React.Component {
       }
     }
 
-    return (
-      <div className="main-panel">
+    if (false) {
+      sidePanel = (
         <AccountList account={this.state.account}
           accounts={this.state.accounts}
           onSelect={this.activateAccount}
           onRemove={this.removeAccount}/>
+      )
+    }
+
+    return (
+      <div className="main-panel">
+        {sidePanel}
         <div className="body">
           <UserSection account={this.state.account} onLogin={this.activateAccount} onLogout={this.activateAccount}/>
           {vpnSection}
diff --git a/ui/app/components/main_panel/user_section.js b/ui/app/components/main_panel/user_section.js
index 317f993..b792bb4 100644
--- a/ui/app/components/main_panel/user_section.js
+++ b/ui/app/components/main_panel/user_section.js
@@ -9,6 +9,8 @@ import Account from 'models/account'
 
 import bitmask from 'lib/bitmask'
 
+import App from 'app'
+
 export default class UserSection extends React.Component {
 
   static get defaultProps() {return{
@@ -87,11 +89,16 @@ export default class UserSection extends React.Component {
       address = this.props.account.address
     }
     let header = (
-      <Login
-        onLogin={this.props.onLogin}
-        domain={this.props.account.domain}
-        address={address}
-      />
+      <div>
+        <Login
+          onLogin={this.props.onLogin}
+          domain={this.props.account.domain}
+          address={address}
+        />
+        <br />
+        <Glyphicon glyph="user" />&nbsp;
+        <a href="#" onClick={App.show.bind(App, 'wizard')}>Create a new account...</a>
+      </div>
     )
     return (
       <SectionLayout icon="user" className="wide-margin" header={header}/>