Use the teamToken threaded through from react sdk

The bottom left menu now uses the same teamToken that the rest of the components use. This will require changes to react-sdk: https://github.com/matrix-org/matrix-react-sdk/pull/684

src/components/structures/BottomLeftMenu.js

@@ -27,6 +27,7 @@ module.exports = React.createClass({
 
     propTypes: {
         collapsed: React.PropTypes.bool.isRequired,
+        teamToken: React.PropTypes.string,
     },
 
     getInitialState: function() {
@@ -36,13 +37,6 @@ module.exports = React.createClass({
             homeHover: false,
             peopleHover : false,
             settingsHover : false,
-            teamToken: null,
-        });
-    },
-
-    componentWillMount: function() {
-        this.setState({
-            teamToken: window.localStorage.getItem('mx_team_token'),
         });
     },
 
@@ -122,7 +116,7 @@ module.exports = React.createClass({
         var TintableSvg = sdk.getComponent('elements.TintableSvg');
 
         var homeButton;
-        if (this.state.teamToken) {
+        if (this.props.teamToken) {
             homeButton = (
                 <AccessibleButton className="mx_BottomLeftMenu_homePage" onClick={ this.onHomeClick } onMouseEnter={ this.onHomeMouseEnter } onMouseLeave={ this.onHomeMouseLeave } >
                     <TintableSvg src="img/icons-home.svg" width="25" height="25" />

src/components/structures/LeftPanel.js

@@ -28,6 +28,11 @@ var CallHandler = require("matrix-react-sdk/lib/CallHandler");
 var LeftPanel = React.createClass({
     displayName: 'LeftPanel',
 
+    propTypes: {
+        collapsed: React.PropTypes.bool.isRequired,
+        teamToken: React.PropTypes.string,
+    },
+
     getInitialState: function() {
         return {
             showCallElement: null,
@@ -124,7 +129,7 @@ var LeftPanel = React.createClass({
                     collapsed={this.props.collapsed}
                     searchFilter={this.state.searchFilter}
                     ConferenceHandler={VectorConferenceHandler} />
-                <BottomLeftMenu collapsed={this.props.collapsed}/>
+                <BottomLeftMenu collapsed={this.props.collapsed} teamToken={this.props.teamToken}/>
             </aside>
         );
     }