diff options
Diffstat (limited to 'client/components')
| -rw-r--r-- | client/components/App.jsx | 10 | ||||
| -rw-r--r-- | client/components/LoggedOutView.jsx | 6 |
2 files changed, 13 insertions, 3 deletions
diff --git a/client/components/App.jsx b/client/components/App.jsx index 046ce72..eafd309 100644 --- a/client/components/App.jsx +++ b/client/components/App.jsx @@ -12,6 +12,7 @@ export default class App extends React.Component { loggedIn: false, user: {}, } + this.didAuthenticate = this.didAuthenticate.bind(this) client.authenticate() .then(user => { this.setState({ @@ -25,6 +26,13 @@ export default class App extends React.Component { console.error(error) }) } + didAuthenticate(user) { + console.log(user) + this.setState({ + user: user, + loggedIn: true, + }) + } logOut() { this.setState({ user: null, @@ -40,7 +48,7 @@ export default class App extends React.Component { } else { return ( - <LoggedOutView /> + <LoggedOutView didAuthenticate={this.didAuthenticate} /> ) } } diff --git a/client/components/LoggedOutView.jsx b/client/components/LoggedOutView.jsx index b176edb..8d69896 100644 --- a/client/components/LoggedOutView.jsx +++ b/client/components/LoggedOutView.jsx @@ -24,6 +24,7 @@ export default class LoggedOutView extends React.Component { return ( <LoginForm visible={true} + didAuthenticate={this.props.didAuthenticate} onClose={this.closeModal} /> ) } @@ -31,6 +32,7 @@ export default class LoggedOutView extends React.Component { return ( <SignupForm visible={true} + didAuthenticate={this.props.didAuthenticate} onClose={this.closeModal} /> ) } @@ -87,7 +89,7 @@ class LoginForm extends React.Component { password: this.state.password, }).then(res => { console.log('Authenticated!', res); - window.location.reload() + this.props.didAuthenticate(res.data) }).catch(error => { console.error('Error authenticating!', error); this.setState({ @@ -152,7 +154,7 @@ class SignupForm extends React.Component { }) }).then(res => { console.log('Authenticated!', res) - window.location.reload() + this.props.didAuthenticate(res.data) }).catch(error => { console.error('Error authenticating!', error) this.setState({ |
