From 65c2c18653feb5f6485710e9656b19e368bb2826 Mon Sep 17 00:00:00 2001
From: elijah <elijah@riseup.net>
Date: Mon, 5 Sep 2016 17:34:11 -0700
Subject: [feature] webkit support: get the js and css working in older webkit
 engines

---
 www/app/components/main_panel/index.js | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

(limited to 'www/app/components/main_panel/index.js')

diff --git a/www/app/components/main_panel/index.js b/www/app/components/main_panel/index.js
index 910d58b..3cc6c11 100644
--- a/www/app/components/main_panel/index.js
+++ b/www/app/components/main_panel/index.js
@@ -7,10 +7,13 @@
 import React from 'react'
 import App from 'app'
 import Login from 'components/login'
+import Account from 'models/account'
+import DummyAccount from 'models/dummy_account'
 
 import './main_panel.less'
 import AccountList from './account_list'
 import UserSection from './user_section'
+import EmailSection from './email_section'
 
 export default class MainPanel extends React.Component {
 
@@ -29,9 +32,12 @@ export default class MainPanel extends React.Component {
 
   componentWillMount() {
     if (this.props.initialAccount) {
+      console.log(Account.list)
+      Account.add(this.props.initialAccount)
+      Account.add(new DummyAccount(this.props.initialAccount))
       this.setState({
         account: this.props.initialAccount,
-        accounts: [this.props.initialAccount]
+        accounts: Account.list
       })
     }
   }
@@ -39,16 +45,33 @@ export default class MainPanel extends React.Component {
   activateAccount(account) {
     this.setState({
       account: account,
-      accounts: [account]
+      accounts: Account.list
     })
   }
 
+  //setAccounts(accounts) {
+  //  this.setState({
+  //    accounts: accounts
+  //  })
+  //}
+
   render() {
+    let emailSection = null
+    let vpnSection = null
+
+    if (this.state.account.authenticated) {
+      if (this.state.account.hasEmail) {
+        emailSection = <EmailSection account={this.state.account} />
+      }
+    }
+
     return (
       <div className="main-panel">
         <AccountList account={this.state.account} accounts={this.state.accounts} onSelect={this.activateAccount} />
         <div className="body">
           <UserSection account={this.state.account} onLogin={this.activateAccount} onLogout={this.activateAccount}/>
+          {vpnSection}
+          {emailSection}
         </div>
       </div>
     )
-- 
cgit v1.2.3