add google auth

Author: alexjs-dev

.env

@@ -1,2 +1,2 @@
-API_URL=https://forautobackend.herokuapp.com
-API_URL_A=http://localhost:3030
+API_URL_B=https://forautobackend.herokuapp.com
+API_URL=http://localhost:3030

components/AuthForm/parts/SignInForm.js

@@ -23,10 +23,10 @@ const Component = ({ handleSubmit, onSubmit, children, title }) => {
     <form className={styles.container}>
       {title && <h4>{title}</h4>}
       <div className={styles.social}>
-        <GoogleButton title="Sign in with Google" href="google" />
+        <GoogleButton title="Sign in with Google" href="https://forautobackend.herokuapp.com/oauth/google" />
       </div>
       <div className={styles.social}>
-        <FacebookButton title="Sign in with Facebook" href="facebook" />
+        <FacebookButton title="Sign in with Facebook" href="https://forautobackend.herokuapp.com/oauth/facebook" />
       </div>
       {children}
       <BaseButton

pages/auth/index.tsx

@@ -0,0 +1,20 @@
+import { useDispatch } from 'react-redux'
+import { useRouter } from 'next/router'
+import AuthCreators from '../../store/auth/creators'
+
+const Auth = () => {
+    const { push, asPath } = useRouter()
+    const dispatch = useDispatch()
+    if (asPath && asPath.includes('access_token')) {
+        const accessToken = asPath.split('access_token=')[1];
+        // @ts-ignore
+        window.localStorage.setItem('feathers-jwt', accessToken);
+        dispatch(AuthCreators.logIn({ strategy: 'jwt', accessToken }));
+    } else {
+        push('/');
+    }
+    return null;
+
+}
+
+export default Auth;