in github pages in login it showing firefbase login not allowed inside the iframe to fix this we changed form signinwithpopup to signinwithredirect libaray

Author: shadil-rayyan

lib/firebase/auth.ts

@@ -1,5 +1,5 @@
-// Import User and other necessary types/functions from Firebase Auth
-import { signInWithPopup, GoogleAuthProvider, User, UserCredential } from 'firebase/auth';
+// Import necessary Firebase Auth functions
+import { signInWithRedirect, GoogleAuthProvider, User, UserCredential, getRedirectResult } from 'firebase/auth';
 import { doc, getDoc } from 'firebase/firestore';
 import { auth, firestore } from './config'; // Ensure you are correctly importing from your Firebase config
 
@@ -13,38 +13,45 @@ export async function signInWithGoogle(): Promise<{ isAdmin: boolean }> {
   const provider = new GoogleAuthProvider();
 
   try {
-    const result: UserCredential = await signInWithPopup(auth, provider);
-    const user: User = result.user;
+    await signInWithRedirect(auth, provider); // ✅ Redirect-based authentication for iframes
+    return { isAdmin: false }; // Temporary return value, actual role check happens after redirect
+  } catch (error) {
+    console.error('Error signing in with Google:', error);
+    throw error;
+  }
+}
 
-    if (!user || !user.email) {
-      throw new Error('Google sign-in failed');
-    }
+// Handle the redirected sign-in result (should be called on page load)
+export async function handleRedirectResult(): Promise<{ isAdmin: boolean } | null> {
+  try {
+    const result: UserCredential | null = await getRedirectResult(auth);
 
-    // Restrict login to only emails from "gecskp.ac.in"
-    // Restrict login to only emails from "gecskp.ac.in", except for a specific admin email
-const allowedEmailPattern = /^[a-zA-Z0-9]+@gecskp\.ac\.in$/;
-const adminOverrideEmail = "codecompass2024@gmail.com";
+    if (!result || !result.user) return null; // No redirect result
 
-if (user.email !== adminOverrideEmail && !allowedEmailPattern.test(user.email)) {
-  throw new Error('Only GEC SKP emails are allowed');
-}
+    const user: User = result.user;
+    if (!user.email) throw new Error('Google sign-in failed');
 
-    
+    // Restrict login to only emails from "gecskp.ac.in", except for a specific admin email
+    const allowedEmailPattern = /^[a-zA-Z0-9]+@gecskp\.ac\.in$/;
+    const adminOverrideEmail = "codecompass2024@gmail.com";
 
+    if (user.email !== adminOverrideEmail && !allowedEmailPattern.test(user.email)) {
+      throw new Error('Only GEC SKP emails are allowed');
+    }
+
+    // Check if user is an admin in Firestore
     const userDocRef = doc(firestore, 'adminemail', user.email);
     const userDoc = await getDoc(userDocRef);
-
     const isAdmin = userDoc.exists() && userDoc.data()?.role === 'admin';
 
     return { isAdmin };
   } catch (error) {
-    console.error('Error signing in with Google:', error);
-    throw error;
+    console.error('Error handling Google sign-in redirect result:', error);
+    return null;
   }
 }
 
-
-
+// Function to sign out
 export async function signOutWithGoogle(): Promise<void> {
   try {
     await auth.signOut();