summaryrefslogtreecommitdiff
path: root/frontend/src/containers/auth/Login.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/containers/auth/Login.js')
-rw-r--r--frontend/src/containers/auth/Login.js100
1 files changed, 49 insertions, 51 deletions
diff --git a/frontend/src/containers/auth/Login.js b/frontend/src/containers/auth/Login.js
index 15af8e62..951f6b10 100644
--- a/frontend/src/containers/auth/Login.js
+++ b/frontend/src/containers/auth/Login.js
@@ -1,65 +1,63 @@
-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 PropTypes from 'prop-types'
+import React from 'react'
+import GoogleLogin from 'react-google-login'
+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,
+ }
- onAuthFailure(error) {
- console.error(error);
- }
+ 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 />;
+ onAuthFailure(error) {
+ console.error(error)
}
- return (
- <GoogleLogin
- clientId={process.env.REACT_APP_OAUTH_CLIENT_ID}
- onSuccess={this.onAuthResponse.bind(this)}
- onFailure={this.onAuthFailure.bind(this)}
- render={renderProps => (
- <span onClick={renderProps.onClick} className="login btn btn-primary">
- <span className="fa fa-google" /> Login with Google
+ render() {
+ if (!this.props.visible) {
+ return <span/>
+ }
+
+ return (
+ <GoogleLogin
+ clientId={process.env.REACT_APP_OAUTH_CLIENT_ID}
+ onSuccess={this.onAuthResponse.bind(this)}
+ onFailure={this.onAuthFailure.bind(this)}
+ render={renderProps => (
+ <span onClick={renderProps.onClick} className="login btn btn-primary">
+ <span className="fa fa-google"/> 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;
+export default Login