Update app.py

app.py

@@ -67,17 +67,26 @@ def continue_trivia_game(user_response):
 # Start the game and get the initial LLM output
 initial_output = start_trivia_game()
 
-# Creating Gradio Interface
-llm_output = gr.Textbox(label="LLM Output", placeholder="The output from the LLM will appear here", lines=10, value=initial_output)
-user_response = gr.Textbox(label="Your Response", placeholder="Type your response here", lines=3)
-
-demo = gr.Interface(
-    fn=continue_trivia_game,
-    inputs=user_response,
-    outputs=llm_output,
-    title="TriviaVilla--Nigerian Music Trivia Game",
-    description="How much do you know Nigerian Music? Here is a simple trivia game on Nigerian Music using LLama 3.1",
-)
+# Using gr.Blocks to create the interface
+with gr.Blocks() as demo:
+    # Title and Description
+    gr.Markdown("# TriviaVilla\n A simple trivia game on Nigerian Music using LLama 3.1.")
+    
+    # LLM Output Textbox
+    llm_output = gr.Textbox(label="LLM Output", placeholder="The output from the LLM will appear here", lines=10, value=initial_output)
+    
+    # User Response Textbox
+    user_response = gr.Textbox(label="Your Response", placeholder="Type your response here", lines=3)
+    
+    # Button to submit the user's response and update the LLM output
+    submit_button = gr.Button("Submit")
+    
+    # Function to update the LLM output upon submission
+    def update_llm_output(user_input):
+        return continue_trivia_game(user_input)
+    
+    # Define interactions
+    submit_button.click(fn=update_llm_output, inputs=user_response, outputs=llm_output)
 
-# Starting the Gradio app
+# Launch the Gradio app
 demo.launch()