Update frontend/src/App.js

frontend/src/App.js

@@ -5,7 +5,6 @@ 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);
   const [messages, setMessages] = useState([]);
@@ -30,14 +29,14 @@ useEffect(() => {
     
     fetchConversations();
     
-    console.log("Role localStorage:", storedUserRole);
+    console.log("Role chargé depuis localStorage:", storedUserRole);
   }
 }, []);
   
   const fetchConversations = async () => {
     try {
       const response = await fetch('/api/conversations', {
-        credentials: 'include',
+        credentials: 'include', 
       });
       
       if (response.ok) {
@@ -57,11 +56,9 @@ useEffect(() => {
       console.error('Erreur:', error);
     }
   };
-
   const refreshConversationList = async () => {
-    await fetchConversations();
+    await fetchConversations(); 
   };
-  
   const loadConversationMessages = async (conversationId) => {
     try {
       const response = await fetch(`/api/conversations/${conversationId}/messages`, {
@@ -144,9 +141,10 @@ useEffect(() => {
         }
       } catch (error) {
         console.error('Erreur lors de la création de la conversation:', error);
-        return; 
+        return;
       }
     } else {
+      
       try {
         await fetch(`/api/conversations/${conversationId}/messages`, {
           method: 'POST',
@@ -162,7 +160,7 @@ useEffect(() => {
       }
     }
     
-    return conversationId; 
+    return conversationId;
   };
   
   const saveBotResponse = async (conversationId, botResponse, shouldSave = false) => {
@@ -198,7 +196,8 @@ useEffect(() => {
     
     fetchConversations();
   };
- const handleLogout = async () => {
+
+  const handleLogout = async () => {
     try {
       await fetch('/api/logout', {
         method: 'POST',
@@ -224,6 +223,8 @@ useEffect(() => {
 
   return (
     <div className={`App ${isCollapsed ? 'panel-collapsed' : ''}`}>
+    
+     
       {page === "chat" && (
         <Panel 
           conversations={conversations}
@@ -237,17 +238,16 @@ useEffect(() => {
           onLogout={handleLogout}
           setPage={setPage}
           userRole={userRole}
-
+          
         />
       )}
-
-           {page === "Administrateur" && (
+       {page === "Administrateur" && (
       <AdminPanel 
         isCollapsed={isCollapsed}
         onToggleCollapse={toggleCollapse}
         userName={userName}
         onLogout={handleLogout}
-        setPage={setPage}  
+        setPage={setPage} 
       />
     )}
       
@@ -281,17 +281,17 @@ useEffect(() => {
 
         {page === "chat" && 
           <ChatInterface
+          
             messages={messages}
             setMessages={setMessages}
             onMessageSent={handleMessageSent}
             activeConversationId={activeConversationId}
             saveBotResponse={saveBotResponse}
             userName={userName}
-            toLogin={handleLogout}
+            toLogin={handleLogout} 
             onNewChat={handleNewChat}
             refreshConversationList={refreshConversationList} 
 
-
           />
         }
         {page === "login" && <Login toSignin={() => setPage("signin")} onLoginSuccess={handleLoginSuccess}/>}
@@ -301,4 +301,4 @@ useEffect(() => {
   );
 }
 
-export default App;
+export default App;