src/components/AuthMenu.js

@@ -1,18 +1,17 @@
 import React, { Component } from 'react';
+import { connect } from 'react-redux';
 
 class AuthMenu extends Component {
   constructor (props) {
     super(props)
-
     this.state = {
         where_in_auth_menu: "username",
+        auth_menu_visible: props.auth_menu_visible,
     }
-
     this.handleSignUpRequest = this.handleSignUpRequest.bind(this)
     this.handleLogInAttempt = this.handleLogInAttempt.bind(this)
     this.handleAccountCreation = this.handleAccountCreation.bind(this)
     this.authMenu = this.authMenu.bind(this)
-
   }
 
   handleSignUpRequest() {
@@ -36,7 +35,7 @@ class AuthMenu extends Component {
   }
 
   authMenu() {
-    if (!this.props.auth_menu_visible) {
+    if (!this.state.auth_menu_visible) {
         return null;
     }
     switch(this.state.where_in_auth_menu) {
@@ -51,7 +50,7 @@ class AuthMenu extends Component {
             <div className="fluid ui buttons">
               <button onClick={this.handleSignUpRequest} className="ui button">Sign Up</button>
               <div className="or"></div>
-              <button onClick={this.handleLogInAttempt} className="ui positive button">Sign In</button>
+              <button className="ui positive button">Sign In</button>
             </div>
           </div>
         )
@@ -59,9 +58,9 @@ class AuthMenu extends Component {
         return (
           <div className="ui menu dropdown" style={{display: "inline"}}>
             <div className="ui left icon input">
-              <input type="text" placeholder="Password">
+              <input type="text" placeholder="Username">
               </input>
-              <i className="lock icon"></i>
+              <i className="users icon"></i>
             </div>
           </div>
         )