access state

StephenGrider · StephenGrider · commit 088705b93c3d · 2017-07-11T11:28:44.000-07:00
diff --git a/server/client/src/components/Header.js b/server/client/src/components/Header.js
@@ -1,6 +1,18 @@
 import React, { Component } from 'react';
+import { connect } from 'react-redux';
 
 class Header extends Component {
+  renderContent() {
+    switch (this.props.auth) {
+      case null:
+        return 'Still deciding';
+      case false:
+        return 'im loggedout';
+      default:
+        return 'im logged in';
+    }
+  }
+
   render() {
     return (
       <nav>
@@ -9,14 +21,16 @@ class Header extends Component {
             Emaily
           </a>
           <ul className="right">
-            <li>
-              <a>Login With Google</a>
-            </li>
+            {this.renderContent()}
           </ul>
         </div>
       </nav>
     );
   }
 }
 
-export default Header;
+function mapStateToProps({ auth }) {
+  return { auth };
+}
+
+export default connect(mapStateToProps)(Header);
