Update frontend/src/App.js

frontend/src/App.js

@@ -4,6 +4,7 @@ import ChatInterface from './components/ChatInterface';
 import Panel from './components/Panel';
 import Login from './components/Login';
 import Signin from './components/Signin';
+import AdminPanel from './components/AdminPanel';
 
 function App() {
   const [isCollapsed, setIsCollapsed] = useState(false);
@@ -13,19 +14,28 @@ function App() {
   const [isAuthenticated, setIsAuthenticated] = useState(false);
   const [userName, setUserName] = useState('');
   const [page, setPage] = useState("login"); // Démarrer sur login par défaut
+  const [userRole, setUserRole] = useState('');
+
 
   // Vérifier si l'utilisateur est déjà connecté au chargement
-  useEffect(() => {
-    const storedUserName = localStorage.getItem('userName');
-    if (storedUserName) {
-      setUserName(storedUserName);
-      setIsAuthenticated(true);
-      setPage("chat");
-      
-      // Charger les conversations de l'utilisateur
-      fetchConversations();
-    }
-  }, []);
+useEffect(() => {
+  const storedUserName = localStorage.getItem('userName');
+  const storedUserRole = localStorage.getItem('userRole');
+
+  if (storedUserName) {
+    setUserName(storedUserName);
+    setUserRole(storedUserRole); // Charge le rôle mais ne change pas la page
+    setIsAuthenticated(true);
+    
+    // Toujours définir la page sur "chat" au début, quel que soit le rôle
+    setPage("chat");
+    
+    // Charger les conversations de l'utilisateur
+    fetchConversations();
+    
+    console.log("Role chargé depuis localStorage:", storedUserRole);
+  }
+}, []);
   
   // Fonction pour récupérer les conversations depuis l'API
   const fetchConversations = async () => {
@@ -187,18 +197,22 @@ function App() {
   const handleLoginSuccess = () => {
     // Récupérer le nom d'utilisateur stocké par le composant Login
     const storedUserName = localStorage.getItem('userName');
+    const storedUserRole = localStorage.getItem('userRole');
+
     setUserName(storedUserName);
+    setUserRole(storedUserRole);
     setIsAuthenticated(true);
-    setPage("chat");
+
+    setPage(storedUserRole === "Administrateur" ? "Administrateur" : "chat");
+
     
     // Charger les conversations de l'utilisateur
     fetchConversations();
   };
-
-  const handleLogout = async () => {
+ const handleLogout = async () => {
     try {
       // Appeler l'API de déconnexion
-      await fetch('/api/logout', {
+      await fetch('http://localhost:7860/api/logout', {
         method: 'POST',
         credentials: 'include',
       });
@@ -206,10 +220,13 @@ function App() {
       // Nettoyer le stockage local
       localStorage.removeItem('userName');
       localStorage.removeItem('userId');
-      
+      localStorage.removeItem('userRole'); // Ajout de cette ligne
+
       // Réinitialiser l'état
       setIsAuthenticated(false);
       setUserName('');
+      setUserRole(''); // Ajout de cette ligne
+
       setConversations([]);
       setMessages([]);
       setActiveConversationId(null);
@@ -234,6 +251,16 @@ function App() {
           onLogout={handleLogout}
         />
       )}
+
+           {page === "Administrateur" && (
+      <AdminPanel 
+        isCollapsed={isCollapsed}
+        onToggleCollapse={toggleCollapse}
+        userName={userName}
+        onLogout={handleLogout}
+        setPage={setPage}  // Important: ajouter cette prop
+      />
+    )}
       
       <div className="main-content">
         {isCollapsed && page === "chat" && (