Update artifacts/fb-publisher/src/App.tsx

artifacts/fb-publisher/src/App.tsx

@@ -8,12 +8,6 @@ import { queryClient } from "./lib/queryClient";
 import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import Publisher from "@/pages/Publisher";
-import Subscription from "@/pages/Subscription";
-import SubscriptionReturn from "@/pages/SubscriptionReturn";
-import InstallExtension from "@/pages/InstallExtension";
-import Admin from "@/pages/Admin";
-import NotFound from "@/pages/not-found";
-import UpdateBanner from "@/components/UpdateBanner";
 
 const firebaseConfig = {
   apiKey: "AIzaSyBMZV3pjYNxpMWbkyJbp1anaE2p1YCRWcg",
@@ -42,44 +36,70 @@ function FirebaseAuthTokenSetter() {
 }
 
 function HomePage() {
-  const [user, setUser] = useState<any>(null);
-  const [loading, setLoading] = useState(true);
+  const [user, setUser] = useState<any>(() => {
+    // ✅ استعادة المستخدم من localStorage
+    const saved = localStorage.getItem("firebase_user");
+    return saved ? JSON.parse(saved) : null;
+  });
+  const [loading, setLoading] = useState(!localStorage.getItem("firebase_user"));
 
   useEffect(() => {
     const unsubscribe = onAuthStateChanged(auth, (firebaseUser) => {
       console.log("🔥 Firebase user:", firebaseUser?.email);
-      setUser(firebaseUser);
+      if (firebaseUser) {
+        const userData = {
+          uid: firebaseUser.uid,
+          email: firebaseUser.email,
+          displayName: firebaseUser.displayName,
+          photoURL: firebaseUser.photoURL,
+        };
+        setUser(userData);
+        localStorage.setItem("firebase_user", JSON.stringify(userData));
+        
+        // ✅ إرسال للميرفر
+        fetch(`/api/me?userId=${firebaseUser.uid}&userEmail=${firebaseUser.email}`, { credentials: 'include' })
+          .then(res => res.json())
+          .then(data => console.log("✅ Supabase:", data))
+          .catch(err => console.error("❌", err));
+      } else {
+        setUser(null);
+        localStorage.removeItem("firebase_user");
+      }
       setLoading(false);
     });
     return () => unsubscribe();
   }, []);
 
-  useEffect(() => {
-    if (user) {
-      console.log("📡 إرسال للميرفر...");
-      fetch(`/api/me?userId=${user.uid}&userEmail=${user.email}`, { credentials: 'include' })
-        .then(res => res.json())
-        .then(data => console.log("✅ Supabase:", data))
-        .catch(err => console.error("❌", err));
-    }
-  }, [user]);
-
   const handleLogin = async () => {
     try {
       const result = await signInWithPopup(auth, googleProvider);
       console.log("✅ تسجيل دخول ناجح:", result.user.email);
-      // المستخدم سيتم تحديثه تلقائياً عبر onAuthStateChanged
     } catch (error) {
       console.error("❌ خطأ في تسجيل الدخول:", error);
+      setLoading(false);
     }
   };
 
+  const handleLogout = () => {
+    signOut(auth);
+    localStorage.removeItem("firebase_user");
+    setUser(null);
+  };
+
   if (loading) {
     return <div className="min-h-screen bg-[#0f0f1e] flex items-center justify-center text-white text-xl">جاري التحميل...</div>;
   }
 
   if (user) {
-    return <Redirect to="/app" />;
+    return (
+      <div className="min-h-screen bg-[#0f0f1e] flex flex-col items-center justify-center gap-4">
+        <h1 className="text-white text-2xl font-bold">✅ تم التسجيل!</h1>
+        <p className="text-gray-400">مرحباً، {user.displayName || user.email}</p>
+        <p className="text-gray-500">UID: {user.uid}</p>
+        <button onClick={handleLogout} className="bg-red-600 text-white px-6 py-3 rounded-lg">تسجيل خروج</button>
+        <a href="/app" className="bg-[#bb86fc] text-white px-8 py-4 rounded-xl text-lg font-bold">اذهب للتطبيق</a>
+      </div>
+    );
   }
 
   return (
@@ -94,12 +114,27 @@ function HomePage() {
 }
 
 function ProtectedPublisher() {
-  const [user, setUser] = useState<any>(null);
+  const [user, setUser] = useState<any>(() => {
+    const saved = localStorage.getItem("firebase_user");
+    return saved ? JSON.parse(saved) : null;
+  });
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     const unsubscribe = onAuthStateChanged(auth, (firebaseUser) => {
-      setUser(firebaseUser);
+      if (firebaseUser) {
+        const userData = {
+          uid: firebaseUser.uid,
+          email: firebaseUser.email,
+          displayName: firebaseUser.displayName,
+          photoURL: firebaseUser.photoURL,
+        };
+        setUser(userData);
+        localStorage.setItem("firebase_user", JSON.stringify(userData));
+      } else {
+        setUser(null);
+        localStorage.removeItem("firebase_user");
+      }
       setLoading(false);
     });
     return () => unsubscribe();
@@ -120,11 +155,6 @@ export default function App() {
           <Switch>
             <Route path="/" component={HomePage} />
             <Route path="/app" component={ProtectedPublisher} />
-            <Route path="/subscription" component={Subscription} />
-            <Route path="/subscription/return" component={SubscriptionReturn} />
-            <Route path="/extension" component={InstallExtension} />
-            <Route path="/admin" component={Admin} />
-            <Route component={NotFound} />
           </Switch>
           <UpdateBanner />
           <Toaster />