Update app.py

app.py

@@ -1305,26 +1305,20 @@ def fetch_google_flights(departure_id="JFK", arrival_id="BHM", outbound_date=cur
 # demo.queue()
 # demo.launch(show_error=True)
 
-
-import gradio as gr
-
-# List of example prompts
+# Define example prompts
 example_prompts = [
-    "What are some top restaurants in Birmingham?",
-    "Tell me about the weather today in Birmingham.",
-    "What events are happening in Birmingham today?",
-    "Can you suggest some hotels in Birmingham?",
-    "Give me information on flights from JFK to Birmingham."
+    ["What are the best restaurants in Birmingham?"],
+    ["Can you suggest a good hotel in Birmingham for a family stay?"],
+    ["What events are happening in Birmingham today?"],
+    ["Tell me about some popular tourist spots in Birmingham."],
+    ["What is the weather like in Birmingham today?"]
 ]
 
-# JavaScript to handle click event and insert the text into the input box
-js_code = """
-function insertPrompt(text) {
-    var inputBox = document.querySelector('#chat-input textarea');
-    inputBox.value = text;
-}
-"""
+# Function to handle the insertion of example prompts into the input textbox
+def insert_example_prompt(example):
+    return gr.Textbox.update(value=example)
 
+# Your existing Gradio Blocks interface
 with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
     with gr.Row():
         with gr.Column():
@@ -1339,15 +1333,11 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
 
             gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-markdown")
 
-            # Example Prompts in a table format
-            example_prompts_html = "<h3>Example Prompts:</h3><table>"
-            for prompt in example_prompts:
-                example_prompts_html += f"<tr><td><a href='javascript:void(0);' onclick=\"insertPrompt('{prompt}');\">{prompt}</a></td></tr>"
-            example_prompts_html += "</table>"
+            # Example prompts component
+            gr.Markdown("<h2>Example Prompts</h2>")
+            gr.Examples(examples=example_prompts, fn=insert_example_prompt, inputs=None, outputs="chat_input")
 
-            gr.HTML(example_prompts_html, elem_id="example-prompts")
-
-            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!", placeholder="Hey Radar...!!", elem_id="chat-input")
+            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!", placeholder="Hey Radar...!!")
             tts_choice = gr.Radio(label="Select TTS System", choices=["Alpha", "Beta"], value="Alpha")
             retriever_button = gr.Button("Retriever")
 
@@ -1391,3 +1381,5 @@ demo.queue()
 demo.launch(show_error=True)
 
 
+
+