added Google auth provider with popup

Author: oahmedqureshi

frontend/src/assets/google.svg

@@ -52,7 +52,7 @@ const useStyles = makeStyles((theme) => ({
 
 export default function SignIn() {
     const classes = useStyles();
-    const { login } = useAuth()
+    const { login, googleLogin } = useAuth()
     const history = useHistory()
 
     async function handleSubmit(e) {
@@ -71,6 +71,17 @@ export default function SignIn() {
             }
     }
 
+    async function handleGoogleSignin(e) {
+        
+        googleLogin()
+            .then(res=>{
+                console.log('res: ', res);
+            })
+            .catch(err=> {
+                console.log('err: ', err);
+            })
+    }
+
     return (
         <Container component="main" maxWidth="xs">
         <CssBaseline />
@@ -130,6 +141,16 @@ export default function SignIn() {
                     </Grid>
                 </Grid>
             </form>
+            <Button
+                type="button"
+                fullWidth
+                variant="contained"
+                color="primary"
+                className={classes.submit}
+                onClick={handleGoogleSignin}
+            >
+                Sign In With Google
+            </Button>
         </div>
         <Box mt={8}>
             <Copyright />

frontend/src/components/signin.jsx

@@ -1,5 +1,6 @@
 import React, { useContext, useState, useEffect } from "react"
 import { auth } from "../firebase"
+import firebase from 'firebase/app'
 import { userServices } from '../services/user'
 
 const AuthContext = React.createContext()
@@ -20,6 +21,11 @@ export function AuthProvider({ children }) {
         return auth.signInWithEmailAndPassword(email, password)
     }
 
+    function googleLogin () {
+        const provider = new firebase.auth.GoogleAuthProvider();
+        return auth.signInWithPopup(provider)
+    }
+
     function logout() {
         return auth.signOut()
     }
@@ -63,6 +69,7 @@ export function AuthProvider({ children }) {
     const value = {
         currentUser,
         login,
+        googleLogin,
         signup,
         logout,
         resetPassword,