temperoily you can add new project without loggin in due to bug of auth

Author: shadil-rayyan

app/login/page.tsx

@@ -1,41 +1,47 @@
 "use client";
 
-import { useState } from "react";
-import { signInWithGoogle } from "@/lib/firebase/auth";
+import { useState, useEffect } from "react";
+import { signInWithGoogle, handleRedirectResult } from "@/lib/firebase/auth";
 import { useRouter } from "next/navigation";
 
 export default function AuthPage() {
     const [error, setError] = useState<string | null>(null);
+    // Removed unused isAdmin state
     const router = useRouter();
 
+    // 🔹 Handle Login Click
     const handleLoginWithGoogle = async () => {
         try {
-            const result = await signInWithGoogle();
-            if (result?.isAdmin) {
-                router.push("/admin");
-            } else {
-                router.push("/");
-            }
+            await signInWithGoogle();
         } catch (err) {
-            console.error("Failed to log in with Google:", err);
-            setError(err instanceof Error ? err.message : "Failed to log in with Google");
+            console.error("Failed to log in:", err);
+            setError(err instanceof Error ? err.message : "Login failed.");
         }
     };
 
+    // 🔹 Check Login Result After Redirect
+    useEffect(() => {
+        async function checkLogin() {
+            const result = await handleRedirectResult();
+            if (result) {
+                // Removed setIsAdmin as isAdmin state is no longer used
+                router.push(result.isAdmin ? "/admin" : "/");
+            }
+        }
+        checkLogin();
+    }, [router]);
+
     return (
-        <div className="flex items-center justify-center min-h-screen bg-black dark:bg-gray-950 transition-colors duration-300">
-            <div className="w-full max-w-md p-6 space-y-6 bg-gray-500 dark:bg-gray-900 shadow-lg rounded-2xl transition-all">
+        <div className="flex items-center justify-center min-h-screen bg-black dark:bg-gray-950">
+            <div className="w-full max-w-md p-6 space-y-6 bg-gray-500 dark:bg-gray-900 shadow-lg rounded-2xl">
                 <h2 className="text-2xl font-bold text-gray-900 dark:text-gray-200 text-center">
                     Login to your account
                 </h2>
 
                 <button
                     onClick={handleLoginWithGoogle}
-                    aria-label="Login with Google"
-                    type="button"
                     className="flex items-center justify-center w-full p-3 space-x-3 border rounded-lg 
-                     bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 
-                     dark:border-gray-700 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all"
+                     bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700"
                 >
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" className="w-6 h-6 fill-current text-gray-700 dark:text-gray-200">
                         <path d="M16.318 13.714v5.484h9.078c-0.37 2.354-2.745 6.901-9.078 6.901-5.458 0-9.917-4.521-9.917-10.099s4.458-10.099 9.917-10.099c3.109 0 5.193 1.318 6.38 2.464l4.339-4.182c-2.786-2.599-6.396-4.182-10.719-4.182-8.844 0-16 7.151-16 16s7.156 16 16 16c9.234 0 15.365-6.49 15.365-15.635 0-1.052-0.115-1.854-0.255-2.651z"></path>

components/repeto/AddProjectFAB.tsx

@@ -1,28 +1,13 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import {  User } from "firebase/auth"; // Adjust the import path based on your Firebase setup
 import { useRouter } from "next/navigation";
 import { Plus } from "lucide-react";
-import { onAuthStateChanged } from "@/lib/firebase/auth";
 
 const AddProjectFAB = () => {
   const router = useRouter();
-  const [user, setUser] = useState<User | null>(null);
-
-  useEffect(() => {
-    const unsubscribe = onAuthStateChanged((currentUser) => {
-      setUser(currentUser);
-    });
-    return () => unsubscribe();
-  }, []);
 
   const handleClick = () => {
-    if (user) {
-      router.push("/add-project");
-    } else {
-      router.push("/login"); // Redirect to login if not authenticated
-    }
+    router.push("/add-project"); // Directly navigate to add-project
   };
 
   return (

lib/firebase/auth.ts

@@ -1,70 +1,63 @@
-// auth.ts
-import { signInWithRedirect, GoogleAuthProvider, User, UserCredential, getRedirectResult, signOut } from "firebase/auth";
+import { 
+  signInWithRedirect, GoogleAuthProvider, User, UserCredential, 
+  getRedirectResult, signOut 
+} from "firebase/auth";
 import { doc, getDoc } from "firebase/firestore";
 import { auth, firestore } from "./config";
-import { NavigateFunction } from "react-router-dom";
 
-// 🔹 Track Authentication State Changes
-export function onAuthStateChanged(callback: (authUser: User | null) => void) {
-  return auth.onAuthStateChanged(callback);
-}
-
-// 🔹 Google Sign-In with Redirect
+// 🔹 Google Sign-In (Redirect)
 export async function signInWithGoogle(): Promise<void> {
   const provider = new GoogleAuthProvider();
   try {
-    await signInWithRedirect(auth, provider);
+      await signInWithRedirect(auth, provider);
   } catch (error) {
-    console.error("Error signing in with Google:", error);
-    throw error;
+      console.error("Error signing in with Google:", error);
+      throw error;
   }
 }
 
-// 🔹 Handle Redirected Sign-In Result (Now Redirects to Home)
-export async function handleRedirectResult(navigate: NavigateFunction): Promise<{ isAdmin: boolean } | null> {
-  console.log("Handling redirect result...");
-
+// 🔹 Handle Redirected Sign-In & Check Admin Status
+export async function handleRedirectResult(): Promise<{ isAdmin: boolean } | null> {
   try {
-    const result: UserCredential | null = await getRedirectResult(auth);
-    console.log("Redirect result:", result);
-
-    if (!result || !result.user) return null;
+      const result: UserCredential | null = await getRedirectResult(auth);
+      if (!result || !result.user) return null;
 
-    const user: User = result.user;
-    if (!user.email) throw new Error("Google sign-in failed");
+      const user: User = result.user;
+      if (!user.email) throw new Error("Google sign-in failed");
 
-    console.log("User logged in:", user.email);
+      console.log("User logged in:", user.email);
 
-    // 🔹 Restrict login to "gecskp.ac.in" emails, except for a specific admin email
-    const allowedEmailPattern = /^[a-zA-Z0-9]+@gecskp\.ac\.in$/;
-    const adminOverrideEmail = "codecompass2024@gmail.com";
+      // 🔹 Restrict login to "gecskp.ac.in" emails, except for admin
+      const allowedEmailPattern = /^[a-zA-Z0-9]+@gecskp\.ac\.in$/;
+      const adminOverrideEmail = "codecompass2024@gmail.com";
 
-    if (user.email !== adminOverrideEmail && !allowedEmailPattern.test(user.email)) {
-      console.warn("Unauthorized email:", user.email);
-      throw new Error("Only GEC SKP emails are allowed");
-    }
+      if (user.email !== adminOverrideEmail && !allowedEmailPattern.test(user.email)) {
+          console.warn("Unauthorized email:", user.email);
+          throw new Error("Only GEC SKP emails are allowed");
+      }
 
-    // 🔹 Check if the 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";
+      // 🔹 Check Firestore for Admin Role
+      const userDocRef = doc(firestore, "adminemail", user.email);
+      const userDoc = await getDoc(userDocRef);
+      const isAdmin = userDoc.exists() && userDoc.data()?.role === "admin";
 
-    // ✅ Redirect to home page after successful login
-    navigate("/");
+      // ✅ Store Admin Status in Local Storage
+      localStorage.setItem("isAdmin", isAdmin.toString());
 
-    return { isAdmin };
+      return { isAdmin };
   } catch (error) {
-    console.error("Error handling Google sign-in redirect result:", error);
-    return null;
+      console.error("Error handling Google sign-in redirect result:", error);
+      return null;
   }
 }
 
-// 🔹 Sign Out Function
+// 🔹 Sign Out
 export async function signOutWithGoogle(): Promise<void> {
   try {
-    await signOut(auth);
+      await signOut(auth);
+      localStorage.removeItem("isAdmin");  // Clear admin state
   } catch (error) {
-    console.error("Error signing out with Google:", error);
-    throw error;
+      console.error("Error signing out:", error);
+      throw error;
   }
 }