Update app.py

app.py

@@ -3,7 +3,6 @@ from spoken_module import spoken_dashboard
 from written_module import written_dashboard
 from file_dashboard import file_based_learning_router
 
-
 def main_app():
     with gr.Blocks(css="light_mode_chatter_owl.css") as app:
         current_mode = gr.State("spoken")
@@ -16,49 +15,38 @@ def main_app():
                 with gr.Accordion("🧭 Learning Modes", open=True):
                     btn_spoken = gr.Button("🗣 Spoken Communication")
                     btn_written = gr.Button("✍️ Written Communication")
-
                     with gr.Accordion("📄 File-Based Learning", open=False):
                         btn_file_study = gr.Button("📘 Study Guides")
                         btn_file_view = gr.Button("📁 Files")
 
                 gr.Markdown("---")
-                with gr.Row():
-                    gr.Markdown("""<div style='position: absolute; bottom: 1rem;'>**Ankush Bansal**<br>ankban@wharton.upenn.edu</div>""", elem_id="sidebar-user")
+                gr.Markdown("**Ankush Bansal**  \nankban@wharton.upenn.edu")
 
             with gr.Column(scale=4):
                 spoken_panel = gr.Box(visible=True)
                 written_panel = gr.Box(visible=False)
-                file_panel = gr.Box(visible=False)
-                file_study_panel = gr.Box(visible=False)
-
-                with spoken_panel:
-                    spoken_dashboard()
+                file_router, switch_view, study_panel, file_panel = file_based_learning_router()
+                file_router.render()
 
-                with written_panel:
-                    written_dashboard()
-
-                with file_panel:
-                    file_dashboard()
-
-                with file_study_panel:
-                    file_study_guide_dashboard()
+                spoken_panel.render()
+                written_panel.render()
 
         def switch_mode(mode):
             return (
                 gr.update(visible=(mode == "spoken")),
                 gr.update(visible=(mode == "written")),
-                gr.update(visible=(mode == "file")),
-                gr.update(visible=(mode == "study")),
+                gr.update(visible=(mode in [\"study\", \"file\"])),
+                switch_view(mode)[0],
+                switch_view(mode)[1],
                 mode
             )
 
-        btn_spoken.click(lambda: switch_mode("spoken"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
-        btn_written.click(lambda: switch_mode("written"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
-        btn_file_view.click(lambda: switch_mode("file"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
-        btn_file_study.click(lambda: switch_mode("study"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
+        btn_spoken.click(lambda: switch_mode("spoken"), outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
+        btn_written.click(lambda: switch_mode("written"), outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
+        btn_file_study.click(lambda: switch_mode("study"), outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
+        btn_file_view.click(lambda: switch_mode("file"), outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
 
     return app
 
-
 if __name__ == "__main__":
-    main_app().launch(server_name="0.0.0.0", server_port=7860)
+    main_app().launch(server_name="0.0.0.0", server_port=7860)