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

artifacts/fb-publisher/src/App.tsx

@@ -3,6 +3,7 @@ import { createClient } from "@supabase/supabase-js";
 import { Auth } from "@supabase/auth-ui-react";
 import { ThemeSupa } from "@supabase/auth-ui-shared";
 import { Switch, Route, Router as WouterRouter, Redirect } from "wouter";
+import Publisher from "@/pages/Publisher";
 
 const supabaseUrl = "https://eijwjjbkluurxjiiuhay.supabase.co";
 const supabaseAnonKey = "sb_publishable_VZEm1rag3JF-39xXx2F5og_1oNkjR5h";
@@ -32,7 +33,7 @@ function HomePage() {
   );
 }
 
-function AppPage() {
+function ProtectedPublisher() {
   const [session, setSession] = useState<any>(null);
   const [loading, setLoading] = useState(true);
 
@@ -46,13 +47,7 @@ function AppPage() {
   if (loading) return <div className="min-h-screen bg-[#0f0f1e] flex items-center justify-center text-white">جاري التحميل...</div>;
   if (!session) return <Redirect to="/" />;
 
-  return (
-    <div className="min-h-screen bg-[#0f0f1e] flex flex-col items-center justify-center gap-4">
-      <h1 className="text-green-400 text-2xl font-bold">✅ صفحة /app شغالة!</h1>
-      <p className="text-white">البريد: {session.user.email}</p>
-      <button onClick={() => supabase.auth.signOut()} className="bg-red-600 text-white px-6 py-3 rounded-lg">تسجيل خروج</button>
-    </div>
-  );
+  return <Publisher />;
 }
 
 export default function App() {
@@ -60,7 +55,7 @@ export default function App() {
     <WouterRouter>
       <Switch>
         <Route path="/" component={HomePage} />
-        <Route path="/app" component={AppPage} />
+        <Route path="/app" component={ProtectedPublisher} />
       </Switch>
     </WouterRouter>
   );