Update frontend/src/components/ChatInterface.jsx

frontend/src/components/ChatInterface.jsx

@@ -24,48 +24,34 @@ const ChatInterface = ({ messages = [], setMessages = () => {}, onMessageSent =
   }, [messages]);
 
   const sendMessage = async (message) => {
-    try {
-      setIsLoading(true);
-      
-      onMessageSent(message);
-      
-      // Appel au modèle Mistral via Hugging Face
-      const chatCompletion = await hfClient.chatCompletion({
-        provider: "novita",  // Vous pouvez aussi utiliser "novita" ou d'autres providers
-        model: "mistralai/Mistral-7B-Instruct-v0.3",
-        messages: [
-          {
-            role: "system",
-            content: "Tu es un assistant médical expert spécialisé uniquement dans la schizophrénie. Réponds uniquement aux questions concernant la schizophrénie. Si la question concerne un autre sujet médical, refuse poliment de répondre."
-          },
-          {
-            role: "user",
-            content: message
-          }
-        ],
-        max_tokens: 512,
-        temperature: 0.7,
-      });
-      
-      // Extraction de la réponse
-      const botResponse = chatCompletion.choices[0].message.content;
-      
-      setMessages(prev => [
-        ...prev,
-        { sender: 'user', text: message },
-        { sender: 'bot', text: botResponse }
-      ]);
-      setIsLoading(false);
-    } catch (error) {
-      console.error("Erreur:", error);
-      setIsLoading(false);
-      setMessages(prev => [
-        ...prev,
-        { sender: 'user', text: message },
-        { sender: 'bot', text: "Désolé, une erreur s'est produite. Veuillez réessayer. 👍" }
-      ]);
-    }
-  };
+  try {
+    setIsLoading(true);
+    onMessageSent(message);
+    const response = await fetch("/api/chat", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ message })
+    });
+    const data = await response.json();
+    const botResponse = data.response;
+    setMessages(prev => [
+      ...prev,
+      { sender: 'user', text: message },
+      { sender: 'bot', text: botResponse }
+    ]);
+    setIsLoading(false);
+  } catch (error) {
+    console.error("Erreur:", error);
+    setIsLoading(false);
+    setMessages(prev => [
+      ...prev,
+      { sender: 'user', text: message },
+      { sender: 'bot', text: "Désolé, une erreur s'est produite. Veuillez réessayer. 👍" }
+    ]);
+  }
+};