73 lines
1.9 KiB
JavaScript
73 lines
1.9 KiB
JavaScript
import { getAuth, GoogleAuthProvider, onAuthStateChanged, signInWithPopup, signOut, User } from "firebase/auth";
|
|
import React, { useContext, useEffect, useState } from "react";
|
|
import firebase from '../services/firebase'
|
|
|
|
const AuthContext = React.createContext(null);
|
|
const googleProvider = new GoogleAuthProvider()
|
|
|
|
const auth = getAuth();
|
|
|
|
export function AuthProvider({ children }) {
|
|
const [currUser, setCurrUser] = useState();
|
|
const [loading, setLoading] = useState(true)
|
|
|
|
useEffect(() => {
|
|
const unsubscribe = onAuthStateChanged(auth, user => {
|
|
console.log('change in auth')
|
|
|
|
// will be null or the firebase logged in user
|
|
setCurrUser(user)
|
|
|
|
setLoading(false)
|
|
});
|
|
|
|
return unsubscribe
|
|
}, [])
|
|
|
|
const signInGoogle = () => {
|
|
return signInWithPopup(auth, googleProvider).then((res) => {
|
|
// This gives you a Google Access Token. You can use it to access the Google API.
|
|
const credential = GoogleAuthProvider.credentialFromResult(res);
|
|
const token = credential.accessToken;
|
|
// The signed-in user info.
|
|
const user = res.user;
|
|
|
|
setCurrUser(user)
|
|
|
|
console.log(user)
|
|
}).catch((error) => {
|
|
// Handle Errors here.
|
|
const errorCode = error.code;
|
|
const errorMessage = error.message;
|
|
// The email of the user's account used.
|
|
const email = error.email;
|
|
// The AuthCredential type that was used.
|
|
const credential = GoogleAuthProvider.credentialFromError(error);
|
|
console.log(error)
|
|
throw error
|
|
})
|
|
}
|
|
|
|
const logOut = () => {
|
|
console.log('logging user out')
|
|
|
|
return signOut(auth)
|
|
}
|
|
|
|
const value = {
|
|
currUser,
|
|
signInGoogle,
|
|
logOut
|
|
}
|
|
|
|
return (
|
|
<AuthContext.Provider value={value}>
|
|
{!loading && children}
|
|
</AuthContext.Provider>
|
|
)
|
|
}
|
|
|
|
// custom hook to use the authUserContext and access currUser
|
|
export function useAuth() {
|
|
return useContext(AuthContext)
|
|
} |