adding auth to add Project again

Author: shadil-rayyan

components/repeto/AddProjectFAB.tsx

@@ -1,13 +1,28 @@
 "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 = () => {
-    router.push("/add-project"); // 🚀 No authentication check
+    if (user) {
+      router.push("/add-project");
+    } else {
+      router.push("/login"); // Redirect to login if not authenticated
+    }
   };
 
   return (
@@ -37,4 +52,4 @@ const AddProjectFAB = () => {
   );
 };
 
-export default AddProjectFAB;
+export default AddProjectFAB;