Update app.py

app.py

@@ -8,6 +8,7 @@ def main_app():
         current_mode = gr.State("spoken")
 
         with gr.Row():
+            # Sidebar (Left Navigation)
             with gr.Column(scale=1, min_width=220, elem_id="sidebar"):
                 gr.Markdown("### 🎓 Educare")
                 gr.Markdown("---")
@@ -20,29 +21,37 @@ def main_app():
                         btn_file_view = gr.Button("📁 Files")
 
                 gr.Markdown("---")
-                gr.Markdown("**Ankush Bansal**  \nankban@wharton.upenn.edu")
+                gr.Markdown("""**Ankush Bansal**  
+ankban@wharton.upenn.edu""")
 
+            # Main Display Area
             with gr.Column(scale=4):
-                spoken_panel = gr.Column(visible=True, elem_id="module-wrapper")
-                written_panel = gr.Column(visible=False, elem_id="module-wrapper")
+                # === Panels ===
+                with gr.Column(visible=True, elem_id="module-wrapper") as spoken_panel:
+                    spoken_dashboard()
+
+                with gr.Column(visible=False, elem_id="module-wrapper") as written_panel:
+                    written_dashboard()
+
                 file_router, switch_view, study_panel, file_panel = file_based_learning_router()
 
+        # === Mode Switch Logic ===
         def switch_mode(mode):
             return (
-                gr.update(visible=(mode == "spoken")),
-                gr.update(visible=(mode == "written")),
-                gr.update(visible=(mode in ["study", "file"])),
-                switch_view(mode)[0],
-                switch_view(mode)[1],
-                mode
+                gr.update(visible=(mode == "spoken")),           # spoken_panel
+                gr.update(visible=(mode == "written")),          # written_panel
+                gr.update(visible=(mode == "study")),            # study_panel from file_router
+                gr.update(visible=(mode == "file")),             # file_panel from file_router
+                mode                                             # update state
             )
 
-        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])
+        # === Button Hooks ===
+        btn_spoken.click(lambda: "spoken", outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode], fn=switch_mode)
+        btn_written.click(lambda: "written", outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode], fn=switch_mode)
+        btn_file_study.click(lambda: "study", outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode], fn=switch_mode)
+        btn_file_view.click(lambda: "file", outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode], fn=switch_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)