Merge branch 'main' of https://github.com/the-collab-lab/tcl-77-smart-shopping-list

Author: zahrafalak

src/api/config.js

@@ -4,13 +4,13 @@ import { getAuth } from 'firebase/auth';
 
 // Your web app's Firebase configuration
 const firebaseConfig = {
-	apiKey: 'FILL_ME_IN',
-	authDomain: 'FILL_ME_IN',
-	projectId: 'FILL_ME_IN',
-	storageBucket: 'FILL_ME_IN',
-	messagingSenderId: 'FILL_ME_IN',
-	appId: 'FILL_ME_IN',
-};
+	apiKey: "AIzaSyCNcvVYUKCY13rkYYJ70zkIAQYs-M8E_AQ",
+	authDomain: "tcl-77-smart-shopping-list.firebaseapp.com",
+	projectId: "tcl-77-smart-shopping-list",
+	storageBucket: "tcl-77-smart-shopping-list.appspot.com",
+	messagingSenderId: "35210747522",
+	appId: "1:35210747522:web:e39f63e23150653f0f1e9b"
+  };
 
 // Initialize Firebase
 const app = initializeApp(firebaseConfig);

src/api/useAuth.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { auth } from './config.js';
-import { GoogleAuthProvider, signInWithRedirect } from 'firebase/auth';
+import { GoogleAuthProvider, signInWithPopup } from 'firebase/auth';
 import { addUserToDatabase } from './firebase.js';
 
 /**
@@ -11,7 +11,7 @@ import { addUserToDatabase } from './firebase.js';
 export const SignInButton = () => (
 	<button
 		type="button"
-		onClick={() => signInWithRedirect(auth, new GoogleAuthProvider())}
+		onClick={() => signInWithPopup(auth, new GoogleAuthProvider())}
 	>
 		Sign In
 	</button>