Update app.py

app.py

@@ -73,64 +73,69 @@ def feedback_response(input_message, feedback, comments):
 
     return initial_response, elapsed_time  # Return the initial_response and elapsed_time
 
-# Create a Blocks context for the interface
-with gr.Blocks() as feedback_interface:
-    # Set up the Gradio Interface
-    gr.Interface(
-        fn=feedback_response,
-        inputs=[
-            gr.Textbox(label="Input Message"),
-            gr.Radio(
-                choices=[
-                    "Informative",
-                    "Inaccurate",
-                    "Nonsense"
-                ],
-                label="Feedback"),
-            gr.Textbox(label="Additional Comments")
-        ],
-        outputs=[
-            gr.Textbox(label="Output", type="text"),
-            gr.Textbox(label="Elapsed Time (s)", type="text")  # Change the type to "text" for two decimal places
-        ],
-        title="Beta: Itell Guide Response Bot",
-        description="""
-        # Introduction
-        This is an interface to test iTELL's guide on the side. Please be aware that responses can take up to 20 seconds
-
-        # Step by Step Introduction
-        1. Place a question in the input message textbox
-        2. Wait roughly 10 ~ 20 seconds for the response and elapsed time to come out on the right
-        3. After looking at the results, select the feedback option that best describes the output: Informative, Inaccurate, Nonsense
-        4. After choosing the best option, write down additional comments for more feedback
-        5. Press submit again and wait for the output to come out again for your feedback to be submitted
-        6. Once the "Thank you for your feedback. Your response and feedback have been recorded!" message is shown, you are done
-
-        ** DISCLAIMER: You have to type an input message, select a feedback option, and type in additional comments for your responses to be recorded
-
-        ** For further questions contact LEAR Labs!
-        """
-    )
-
-# Create a Blocks context for the buttons
-with gr.Blocks() as buttons:
-    response_button = gr.Button(value="Submit Response")
-    feedback_button = gr.Button(value="Submit Feedback")
-
-# Define a function for response and feedback submission
+# Create a function to submit the response
 def submit_response():
     input_message = feedback_interface.inputs[0].value
     feedback_interface.outputs[0].value, feedback_interface.outputs[1].value = feedback_response(input_message, "", "")
 
+# Create a function to submit the feedback
 def submit_feedback():
     input_message = feedback_interface.inputs[0].value
     feedback = feedback_interface.inputs[1].value
     comments = feedback_interface.inputs[2].value
     feedback_interface.outputs[0].value, feedback_interface.outputs[1].value = feedback_response(input_message, feedback, comments)
 
+# Set up the Gradio Interface
+feedback_interface = gr.Interface(
+    fn=None,  # Set to None initially
+    inputs=[
+        gr.Textbox(label="Input Message"),
+        gr.Radio(
+            choices=[
+                "Informative",
+                "Inaccurate",
+                "Nonsense"
+            ],
+            label="Feedback"),
+        gr.Textbox(label="Additional Comments")
+    ],
+    outputs=[
+        gr.Textbox(label="Output", type="text"),
+        gr.Textbox(label="Elapsed Time (s)", type="text")  # Change the type to "text" for two decimal places
+    ],
+    title="Beta: Itell Guide Response Bot",
+    description="""
+    # Introduction
+    This is an interface to test iTELL's guide on the side. Please be aware that responses can take up to 20 seconds
+
+    # Step by Step Introduction
+    1. Place a question in the input message textbox
+    2. Wait roughly 10 ~ 20 seconds for the response and elapsed time to come out on the right
+    3. After looking at the results, select the feedback option that best describes the output: Informative, Inaccurate, Nonsense
+    4. After choosing the best option, write down additional comments for more feedback
+    5. Press submit again and wait for the output to come out again for your feedback to be submitted
+    6. Once the "Thank you for your feedback. Your response and feedback have been recorded!" message is shown, you are done
+
+    ** DISCLAIMER: You have to type an input message, select a feedback option, and type in additional comments for your responses to be recorded
+
+    ** For further questions contact LEAR Labs!
+    """
+)
+
+# Set the functions for response and feedback submission
+feedback_interface.update(
+    fn=submit_response,
+    live=False  # Prevent auto-reloading
+)
+
+# Create separate buttons for response and feedback submission
+response_button = gr.Button(value="Submit Response")
+feedback_button = gr.Button(value="Submit Feedback")
+
 # Set the click actions for the buttons
-response_button.click(submit_response)
+response_button.click(feedback_interface.process)
 feedback_button.click(submit_feedback)
 
 # Launch the interface with buttons
 feedback_interface.launch([response_button, feedback_button], share=True)
+