diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-10-04 22:49:07 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-10-04 22:49:25 +0200 |
| commit | 751a9ef3a12c952fe179f256d854d0c4aa37e28e (patch) | |
| tree | 241fc22c592a277526e73cc70ea0f95d5a8a7b29 /src/containers/auth/Login.js | |
| parent | 9257d89ec2e22b65ffecc7dc7cf67b7a74c34d60 (diff) | |
Apply prettier to codebase
Diffstat (limited to 'src/containers/auth/Login.js')
| -rw-r--r-- | src/containers/auth/Login.js | 83 |
1 files changed, 39 insertions, 44 deletions
diff --git a/src/containers/auth/Login.js b/src/containers/auth/Login.js index 4b008da4..de12f815 100644 --- a/src/containers/auth/Login.js +++ b/src/containers/auth/Login.js @@ -1,61 +1,56 @@ import PropTypes from "prop-types"; import React from "react"; import GoogleLogin from "react-google-login"; -import {connect} from "react-redux"; -import {logIn} from "../../actions/auth"; +import { connect } from "react-redux"; +import { logIn } from "../../actions/auth"; class LoginContainer extends React.Component { - static propTypes = { - visible: PropTypes.bool.isRequired, - onLogin: PropTypes.func.isRequired, - }; - - onAuthResponse(response) { - this.props.onLogin({ - email: response.getBasicProfile().getEmail(), - givenName: response.getBasicProfile().getGivenName(), - familyName: response.getBasicProfile().getFamilyName(), - googleId: response.googleId, - authToken: response.getAuthResponse().id_token, - expiresAt: response.getAuthResponse().expires_at - }); + static propTypes = { + visible: PropTypes.bool.isRequired, + onLogin: PropTypes.func.isRequired + }; + + onAuthResponse(response) { + this.props.onLogin({ + email: response.getBasicProfile().getEmail(), + givenName: response.getBasicProfile().getGivenName(), + familyName: response.getBasicProfile().getFamilyName(), + googleId: response.googleId, + authToken: response.getAuthResponse().id_token, + expiresAt: response.getAuthResponse().expires_at + }); + } + + render() { + if (!this.props.visible) { + return <span />; } - render() { - if (!this.props.visible) { - return <span/>; - } - - return ( - <GoogleLogin - clientId={process.env.REACT_APP_OAUTH_CLIENT_ID} - onSuccess={this.onAuthResponse.bind(this)} - onFailure={this.onAuthResponse.bind(this)} - className="login btn btn-primary" - > - <span className='fa fa-google'/> - {' '} - <span>Login with Google</span> - </GoogleLogin> - ); - } + return ( + <GoogleLogin + clientId={process.env.REACT_APP_OAUTH_CLIENT_ID} + onSuccess={this.onAuthResponse.bind(this)} + onFailure={this.onAuthResponse.bind(this)} + className="login btn btn-primary" + > + <span className="fa fa-google" /> <span>Login with Google</span> + </GoogleLogin> + ); + } } const mapStateToProps = (state, ownProps) => { - return { - visible: ownProps.visible, - }; + return { + visible: ownProps.visible + }; }; const mapDispatchToProps = dispatch => { - return { - onLogin: (payload) => dispatch(logIn(payload)), - }; + return { + onLogin: payload => dispatch(logIn(payload)) + }; }; -const Login = connect( - mapStateToProps, - mapDispatchToProps -)(LoginContainer); +const Login = connect(mapStateToProps, mapDispatchToProps)(LoginContainer); export default Login; |
