Cha Ching

1 files changed, 29 insertions, 29 deletions

diff --git a/components/LoginAuth0.js b/components/LoginAuth0.js
index 262d8bd..8691e82 100644
--- a/components/LoginAuth0.js
+++ b/components/LoginAuth0.js
@@ -1,70 +1,70 @@
-import { Component, PropTypes } from 'react'
-import Auth0Lock from 'auth0-lock'
-import { graphql, compose } from 'react-apollo'
+import { Component, PropTypes } from 'react';
+import Auth0Lock from 'auth0-lock';
+import { graphql, compose } from 'react-apollo';
 import { CURRENT_USER_QUERY } from '../queries/index';
 
 class LoginAuth0 extends Component {
-
-  constructor (props) {
-    super(props)
-    if(typeof window === 'undefined') return;
-    const redirectUrl = `http://localhost:3000/signup`;
-    console.log(redirectUrl);
+  constructor(props) {
+    super(props);
+    if (typeof window === 'undefined') return;
+    const redirectUrl = `http://localhost:6969/signup`;
     this._lock = new Auth0Lock('l851ev2q8X48wf56eGLjIWFbMwwbvWPE', 'wesbos.auth0.com', {
       auth: {
         redirect: false,
-      }
+      },
     });
   }
 
+  componentDidMount() {
+    console.log('MOUNT');
+    this._lock.on('authenticated', authResult => {
+      window.localStorage.setItem('auth0IdToken', authResult.idToken);
+      this.props.currentUserQuery.refetch();
+    });
+    // refech on page load because of the server render
+    this.props.currentUserQuery.refetch();
+  }
+
   logout = () => {
     window.localStorage.removeItem('auth0IdToken');
     this.props.currentUserQuery.refetch();
-  }
+  };
 
-  createUser = () => {
+  createUser = async () => {
     const variables = {
       idToken: window.localStorage.getItem('auth0IdToken'),
       emailAddress: 'wesbos@gmail.com',
-      name: 'Hardcoded Wes'
+      name: 'Hardcoded Wes',
     };
     // TODO - make a createUser function
     this.props
       .createUser({ variables })
       .then(response => {
         // this.props.currentUserQuery.refetch();
-        this.props.history.replace("/");
+        this.props.history.replace('/');
       })
       .catch(e => {
         console.error(e);
-        this.props.history.replace("/");
+        this.props.history.replace('/');
       });
   };
 
-  componentDidMount() {
-    console.log('MOUNT');
-    this._lock.on('authenticated', (authResult) => {
-      window.localStorage.setItem('auth0IdToken', authResult.idToken)
-      this.props.currentUserQuery.refetch();
-    })
-  }
-
   _showLogin = () => {
-    this._lock.show()
-  }
+    this._lock.show();
+  };
 
   render() {
     const { user } = this.props.currentUserQuery;
-    if ( user ) {
-      return <button onClick={this.logout}>Log out 👋</button>
+    if (user) {
+      return <button onClick={this.logout}>Log out 👋</button>;
     }
     return (
       <div>
         <button onClick={this._showLogin}>Log in with Auth0 </button>
       </div>
-    )
+    );
   }
 }
 
 const userEnhancer = graphql(CURRENT_USER_QUERY, { name: 'currentUserQuery' });
-export default compose(userEnhancer)(LoginAuth0)
+export default compose(userEnhancer)(LoginAuth0);