Mise à jour de l'interface utilisateur du chatbot

app.py

@@ -241,35 +241,33 @@ body,html {
 
 import gradio as gr
 
-# Placeholder for the generate_text function (you need to define it according to your requirements)
-def generate_text(text):
-    return f"Mock response to: {text}"
-
 theme = gr.themes.Base(primary_hue="slate")
 
-suggestion = ["What are the latest advancements in cancer research?",
-              "What is the impact of diet on heart disease according to recent studies?",
-              "What are the usual causes of lung pain?"]
+suggestion = ["What are the latest advancements in cancer research ?","What is the impact of diet on heart disease according to recent studies ?","What are the usual causes of lung pain ?"]
 
-def respond(message, chat_history):
+def respond(message,chat_history):
     response = generate_text(message)
-    chat_history.append(("user", message))
-    chat_history.append(("bot", response))
-    return chat_history
+    chat_history.append((message, response))
+    return "bot", chat_history
+
 
-def suggestion1(chat_history):
+def suggestion1():
     response = generate_text(suggestion[0])
-    chat_history.append(("user", suggestion[0]))
-    chat_history.append(("bot", response))
-    return chat_history
+    return [suggestion_text_1,response]
+"""
+def suggestion2():
+    response = generate_text(suggestion_text_2)
+    return [["user", suggestion_text_2], ["bot", response]]
 
-# Assuming generate_text, suggestion2, and suggestion3 functions are similar to suggestion1
+def suggestion3():
+    response = generate_text(suggestion_text_3)
+    return [["user", suggestion_text_3], ["bot", response]]
+"""
 
 user_profile_image = "https://github.com/LucasAguetai/ALOQAS/blob/main/Ressources/ALOQAS%20logo.png?raw=true"
 bot_profile_image = "https://github.com/LucasAguetai/ALOQAS/blob/main/Ressources/ALOQAS%20logo.png?raw=true"
 
-# Assuming 'css' variable is defined elsewhere or you need to include your CSS code
-with gr.Blocks(theme=theme) as demo:  # Removed 'css=css' due to undefined variable
+with gr.Blocks(theme=theme, css=css) as demo:
     gr.Markdown("""
     <div id='header'>
       <h1 id='main-title'>ALOQAS</h1>
@@ -278,14 +276,26 @@ with gr.Blocks(theme=theme) as demo:  # Removed 'css=css' due to undefined varia
     </div>
     """)
     with gr.Column(elem_id="chat-interface"):
-        chat = gr.Chatbot(elem_id="chat-messages", show_label=False, avatar_images=[user_profile_image, bot_profile_image], history=[])
+        chat = gr.Chatbot(elem_id="chat-messages", show_label=False,avatar_images=[user_profile_image,bot_profile_image])
         with gr.Row(elem_id="suggestions"):
             sugg1 = gr.Button(suggestion[0], elem_classes="suggestion-btn").click(
-                suggestion1, inputs=[chat], outputs=chat
+                suggestion1, outputs=chat
+            )
+            sugg2 = gr.Button(suggestion[1], elem_classes="suggestion-btn").click(
+                suggestion1, outputs=chat
+            )
+            sugg3 = gr.Button(suggestion[2], elem_classes="suggestion-btn").click(
+                suggestion1, outputs=chat
             )
-            # Implement suggestion2 and suggestion3 functions for sugg2 and sugg3 if needed
         with gr.Row(elem_id="input-area"):
             text_input = gr.Textbox(placeholder="Write to ALOQAS...", show_label=False)
-            text_input.submit(respond, inputs=[text_input, chat], outputs=chat)
+            #send_button = gr.Button("Send", elem_classes="send")
+            #send_button.click(
+             #   fn=respond,
+             #   inputs=text_input,
+             #   outputs=chat
+            #)
+            text_input.submit(respond, [text_input, chat], [text_input, chat])
 
 demo.launch(share=False)
+