Update app.py

app.py

@@ -48,15 +48,21 @@ def get_content(selected_class, selected_subject, selected_chapter, content_type
 def groq_process_data(content):
     return content.head()  # Returning first 5 rows for illustration
 
+# Gradio interface function for new result page
+def result_page(content):
+    return content
+
 # Gradio interface function
 def gradio_interface(selected_class, selected_subject, selected_chapter, content_type):
     content = get_content(selected_class, selected_subject, selected_chapter, content_type)
     
     if content is not None and not content.empty:
         processed_content = groq_process_data(content)
-        return processed_content, ""  # Show processed content and no error message
+        # Launching a new page with the result
+        gr.Interface(fn=result_page, inputs=gr.Dataframe(value=processed_content), outputs=gr.Dataframe()).launch()
+        return processed_content
     else:
-        return None, "No data available currently."  # No content found
+        return "No data available currently."
 
 # Define the Gradio interface with attractive layout and fresh output page
 def run_app():
@@ -64,8 +70,8 @@ def run_app():
         # Header section
         gr.Markdown("# Educational Content Access App")
         gr.Markdown("### Select options to view educational content.")
-        
-        # Layout for input selections
+
+        # Input section: Using card-style layout for a neat appearance
         with gr.Row():
             with gr.Column(scale=1):
                 selected_class = gr.Dropdown(label="Select Class", choices=["Class 9", "Class 10", "Class 11", "Class 12"], interactive=True)
@@ -76,35 +82,10 @@ def run_app():
         # Submit Button to generate content
         submit_button = gr.Button("Show Content", variant="primary")
 
-        # Output Section: Display result in tabs using gr.Tabs
-        with gr.Tabs():
-            with gr.Tab("Results"):
-                output_area = gr.Dataframe()  # Result Dataframe
-            with gr.Tab("No Data Available"):
-                output_message = gr.Textbox()  # No data message
-
-        # Initially, hide results and error message
-        output_area.visible = False
-        output_message.visible = False
-
-        # Connecting the button to the output
-        submit_button.click(gradio_interface, inputs=[selected_class, selected_subject, selected_chapter, content_type], outputs=[output_area, output_message])
-
-        # Show results only after the button is clicked and hide them initially
-        def toggle_output(results, message):
-            if results is not None:
-                output_area.visible = True
-                output_message.visible = False
-                return results, ""
-            else:
-                output_area.visible = False
-                output_message.visible = True
-                return message,
-
-        # Show results or message only after button click
-        submit_button.click(toggle_output, inputs=[output_area, output_message], outputs=[output_area, output_message])
+        # Connecting the button to the output, results will be shown on a new page
+        submit_button.click(gradio_interface, inputs=[selected_class, selected_subject, selected_chapter, content_type], outputs=[])
 
-    demo.launch()
+    demo.launch(share=True)  # Launch the app with the share parameter to open it on a new page
 
 # Run the app
 run_app()