Update app.py

app.py

@@ -1,16 +1,20 @@
 import gradio as gr
 
-# Function that controls the visibility of the panel
+# Function that controls the visibility of the panels
 def check_words(user_text, input_text):
     # If the entered text is "user" and "casa", show the second panel
     if user_text == 'user' and input_text == "casa":
-        return gr.update(visible=True)  # Show the second panel
+        return gr.update(visible=True), gr.update(visible=False)  # Show Panel 2 and hide Panel 1
     else:
-        return gr.update(visible=False)  # Keep the panel hidden
+        return gr.update(visible=False), gr.update(visible=True)  # Keep Panel 2 hidden and show Panel 1
 
 # Function to hide the second panel when the button is pressed
 def hide_panel():
-    return gr.update(visible=False)  # Hide the second panel
+    return gr.update(visible=False)  # Hide Panel 2
+
+# Function to show the first panel when the second button is pressed
+def show_panel_1():
+    return gr.update(visible=True)  # Show Panel 1
 
 # Create the Gradio interface
 with gr.Blocks() as demo:
@@ -26,22 +30,23 @@ with gr.Blocks() as demo:
     # Create the first panel (visible from the start)
     with gr.Column() as panel_1:
         # Panel where the text is entered
-        user_text, input_text
+        user_text, input_text, btn_1  # Add btn_1 here
 
     # Create the second panel that is initially hidden
     with gr.Column(visible=False) as panel_2:
         # This panel will be shown if the condition is met
         gr.Textbox(value="Panel activado. Se escribieron 'user' y 'casa'.", label="Resultado")
-        # Add a second button inside Panel 2 to hide the panel
+        # Add a second button inside Panel 2 to hide the panel and show Panel 1 again
         btn_2 = gr.Button("Ocultar el Panel", visible=True)
-        btn_2.click(hide_panel, outputs=panel_2)  # Hide the second panel when clicked
+        btn_2.click([hide_panel, show_panel_1], outputs=[panel_2, panel_1])  # Hide Panel 2 and show Panel 1
 
     # Configure the buttons and the panel visibility
-    btn_1.click(check_words, inputs=[user_text, input_text], outputs=panel_2)
-    
+    btn_1.click(check_words, inputs=[user_text, input_text], outputs=[panel_2, panel_1])  # Hide Panel 1 and show Panel 2
+
 # Launch the Gradio interface
 demo.launch()
 
 
 
 
+