Update app2.py

app2.py

@@ -1,4 +1,5 @@
 import panel as pn
+from panel import Tabs
 
 pn.extension('katex')
 
@@ -12,14 +13,30 @@ import TLDR
 from src.search import Search_Papers
 
 class MainBody(param.Parameterized):
+    active_tab = param.Parameter(default="Home")
     main_body = param.List(default=[pn.pane.LaTeX("Please select some tags!", styles={'font-size': '20pt'})])
 
-    @param.depends("main_body")
+
+    @param.depends("active_tab", "main_body")
     def update(self):
-        return pn.Column(*self.main_body)
+        return pn.Column(self.main_body)
+    
+    # @param.depends("main_body")
+    # def update(self):
+    #     return pn.Column(*self.main_body)
 
 main_body_instance = MainBody()
 
+# Define the content for each tab
+tab1_content = MainBody(main_body=[pn.pane.LaTeX("Home Tab Content", styles={'font-size': '20pt'})])
+tab2_content = MainBody(main_body=[pn.pane.LaTeX("My Papers Tab Content", styles={'font-size': '20pt'})])
+
+tabs = Tabs(
+    ("Home", tab1_content.update),
+    ("My Papers", tab2_content.update),
+)
+
+
 paper_list = []  # Add this line to initialize paper_list as an empty list
 
 main_body = [pn.pane.LaTeX("Please select some tags!", styles={'font-size': '20pt'})]
@@ -66,6 +83,13 @@ buttons = pn.Column(
 def toggle_settings(event):
     buttons[-1].visible = event.new
 
+
+def switch_tab(event):
+    main_body_instance.active_tab = event.obj.name
+
+button1.on_click(switch_tab)
+button2.on_click(switch_tab)
+
 button3.param.watch(toggle_settings, 'value')
 
 # List to store the entered options
@@ -143,7 +167,7 @@ filter_list = pn.widgets.MultiChoice(
 template = pn.template.FastListTemplate(
     title="EasySciRead",
     header=[pn.Row(header_buttons, width=750, sizing_mode='stretch_width'), pn.Row(filter_list, width=250), pn.Row(add_to_header_button, width=55)],
-    main= main_body_instance.update,
+    main=tabs,  # Use the Tabs widget here
     sidebar=[buttons],
     accent_base_color="#88d8b0",
     header_background="#FFFFFF",