google sign in in firebase react
//add to your firebase.js file: google provider sign-in
const googleProvider = new firebase.auth.GoogleAuthProvider();
export { firebase, db, auth, functions, googleProvider }
//Actions/GoogleAuthentication.js
import { firebase, googleProvider, db } from '../components/firebase/firebase'
import React, {useEffect} from "react";
import { useHistory, Redirect } from 'react-router-dom'
export const SignInWithGoogle = () => {
const history = useHistory();
useEffect(() => {
setTimeout(() => {
history.push('/dashboard');
}, 10000);
},[]);
return () => {
return firebase.auth().signInWithPopup(googleProvider)
.then(async result =>{
console.log(result.credential.accessToken)
const user = result.user
console.log(user)
localStorage.setItem('userid', user.uid)
localStorage.setItem('photoURL', user.photoURL)
//TODO if userid exists IN USERS db then use update IF NULL use set
await db.collection('users').doc(user.uid).update({
// id: user.uid,
name: user.displayName,
email: user.email,
phone: user.phoneNumber,
photoURL: user.photoURL
})
})
.then(() => {
history.push('/dashboard');
})
.catch( err => {
console.log(err)
})
}
}
export const startLogout = () => {
return () => {
return firebase.auth().signOut()
}
}
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password