Compare commits
No commits in common. "2fcbe3b2daf87af95c1d1186d80ef26b4bfcd191" and "6e57686f8f99a0052306202556a69c171fe643d3" have entirely different histories.
2fcbe3b2da
...
6e57686f8f
1 changed files with 6 additions and 7 deletions
|
@ -1,18 +1,17 @@
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
|
import { connect } from 'react-redux';
|
||||||
|
|
||||||
class AuthMenu extends Component {
|
class AuthMenu extends Component {
|
||||||
constructor (props) {
|
constructor (props) {
|
||||||
super(props)
|
super(props)
|
||||||
|
|
||||||
this.state = {
|
this.state = {
|
||||||
where_in_auth_menu: "username",
|
where_in_auth_menu: "username",
|
||||||
|
auth_menu_visible: props.auth_menu_visible,
|
||||||
}
|
}
|
||||||
|
|
||||||
this.handleSignUpRequest = this.handleSignUpRequest.bind(this)
|
this.handleSignUpRequest = this.handleSignUpRequest.bind(this)
|
||||||
this.handleLogInAttempt = this.handleLogInAttempt.bind(this)
|
this.handleLogInAttempt = this.handleLogInAttempt.bind(this)
|
||||||
this.handleAccountCreation = this.handleAccountCreation.bind(this)
|
this.handleAccountCreation = this.handleAccountCreation.bind(this)
|
||||||
this.authMenu = this.authMenu.bind(this)
|
this.authMenu = this.authMenu.bind(this)
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
handleSignUpRequest() {
|
handleSignUpRequest() {
|
||||||
|
@ -36,7 +35,7 @@ class AuthMenu extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
authMenu() {
|
authMenu() {
|
||||||
if (!this.props.auth_menu_visible) {
|
if (!this.state.auth_menu_visible) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
switch(this.state.where_in_auth_menu) {
|
switch(this.state.where_in_auth_menu) {
|
||||||
|
@ -51,7 +50,7 @@ class AuthMenu extends Component {
|
||||||
<div className="fluid ui buttons">
|
<div className="fluid ui buttons">
|
||||||
<button onClick={this.handleSignUpRequest} className="ui button">Sign Up</button>
|
<button onClick={this.handleSignUpRequest} className="ui button">Sign Up</button>
|
||||||
<div className="or"></div>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
@ -59,9 +58,9 @@ class AuthMenu extends Component {
|
||||||
return (
|
return (
|
||||||
<div className="ui menu dropdown" style={{display: "inline"}}>
|
<div className="ui menu dropdown" style={{display: "inline"}}>
|
||||||
<div className="ui left icon input">
|
<div className="ui left icon input">
|
||||||
<input type="text" placeholder="Password">
|
<input type="text" placeholder="Username">
|
||||||
</input>
|
</input>
|
||||||
<i className="lock icon"></i>
|
<i className="users icon"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
Reference in a new issue