Changeset 13f1472 for frontend/src/Auth/auth.js

Timestamp:

09/18/22 18:09:53 (21 months ago)

Author:

Danilo <danilo.najkov@…>

Branches:

master

Parents:

49b0bbd

Message:

vip functionallity + menu fields + alergens filtering + google/fb login + email queueing

File:

• frontend/src/Auth/auth.js (modified) (6 diffs)

frontend/src/Auth/auth.js

@@ -6 +6 @@
 import '../App.css'
 import env from "../env";
+import { GoogleLogin } from 'react-google-login';
+import FacebookLogin from 'react-facebook-login';
 
 const setAuthCookie = (token) => {
@@ -29 +31 @@
             });
             setLoading(false)
+        })
+    }
+
+    const googleLoginResponse = (response)=>{
+        console.log(response)
+        setLoading(true)
+        console.log(response.tokenId)
+        setAuthCookie('Bearer '+response.tokenId)
+        axios.post(env.api+'Users/register',{email: response.profileObj.email, password:'', isConfirmed: true}).then(res => {
+            setUser(res.data)
+            setLoading(false)
+            history(res.data.isAdmin ? '/dashboard' : '/')
+        })
+    }
+
+    const facebookLoginResponse = (response) =>{
+        console.log(response)
+        setLoading(true)
+        setAuthCookie('Bearer '+response.accessToken)
+        axios.post(env.api+'Users/register',{email: response.email, password:'', isConfirmed: true}).then(res => {
+            setUser(res.data)
+            setLoading(false)
+            history(res.data.isAdmin ? '/dashboard' : '/')
         })
     }
@@ -73 +98 @@
 
                         <Form.Item style={{margin:'0px'}}>
-                            <Button type="primary" htmlType="submit" className="login-form-button" loading={loading}>
+                            <Button type="primary" htmlType="submit" className="login-form-button" loading={loading} style={{marginBottom:'5px'}}>
                                 Log in
                             </Button>
+                            <br/>
+                            <GoogleLogin
+                                clientId="748923557453-ljii8ulhti93man769d2dd9soi7038j5.apps.googleusercontent.com"
+                                buttonText="Логирај се со Google"
+                                onSuccess={googleLoginResponse}
+                            />
+                            <FacebookLogin
+                                appId="1455131645009417"
+                                size={'small'}
+                                textButton={'Логирај се со FB'}
+                                icon="fa-facebook"
+                                fields="name,email"
+                                callback={facebookLoginResponse} />
                             <div>
                                 Или <a href={"/register"}>регистрирај се!</a>
@@ -102 +140 @@
         }
         setLoading(true)
-        axios.post(env.api+'Users/register',{email: attr.email, password: attr.password}).then(res => {
+        axios.post(env.api+'Users/register',{email: attr.email, password: attr.password,isConfirmed:false}).then(res => {
             setAuthCookie(res.data.token)
             setUser(res.data)
@@ -109 +147 @@
         })
     }
+
+    const googleLoginResponse = (response)=>{
+        console.log(response)
+        setLoading(true)
+        console.log(response.tokenId)
+        setAuthCookie('Bearer '+response.tokenId)
+        axios.post(env.api+'Users/register',{email: response.profileObj.email, password:'', isConfirmed: true}).then(res => {
+            setUser(res.data)
+            setLoading(false)
+            history('/')
+        })
+    }
+
+    const facebookLoginResponse = (response) =>{
+        console.log(response)
+        setLoading(true)
+        setAuthCookie('Bearer '+response.accessToken)
+        axios.post(env.api+'Users/register',{email: response.email, password:'', isConfirmed: true}).then(res => {
+            setUser(res.data)
+            setLoading(false)
+            history('/')
+        })
+    }
+
+
     return(
         <div style={{width:'100vw',height:'100vh', textAlign:'center', backgroundColor:'#F2F2F2'}}>
@@ -165 +228 @@
 
                         <Form.Item style={{margin:'0px'}}>
-                            <Button type="primary" htmlType="submit" className="login-form-button" loading={loading}>
+                            <Button type="primary" htmlType="submit" className="login-form-button" loading={loading} style={{marginBottom:'5px'}}>
                                 Register
                             </Button>
+                            <br/>
+                            <GoogleLogin
+                                clientId="748923557453-ljii8ulhti93man769d2dd9soi7038j5.apps.googleusercontent.com"
+                                buttonText="Регистрирај се со Google"
+                                onSuccess={googleLoginResponse}
+                            />
+                            <div style={{margin:'5px'}}/>
+                            <FacebookLogin
+                                appId="1455131645009417"
+                                size={'small'}
+                                textButton={'Регистрирај се со FB'}
+                                icon="fa-facebook"
+                                fields="name,email"
+                                callback={facebookLoginResponse} />
                             <div>
                                 Или <a href={"/login"}>најави се!</a>