Update app.py

app.py

@@ -33,9 +33,6 @@ filter_list = pn.widgets.MultiChoice(
 # Create buttons for the header
 header_buttons = pn.Column(sizing_mode='stretch_width', css_classes=['header-buttons'])
 
-# List to store the names of buttons to be added to the header
-buttons_to_add = []
-
 # "+" button to trigger the addition to the header
 add_to_header_button = pn.widgets.Button(name="Add to Header", button_type='primary')
 
@@ -43,11 +40,25 @@ add_to_header_button = pn.widgets.Button(name="Add to Header", button_type='prim
 def add_to_header(event):
     selected_option = filter_list.value
     if selected_option:
-        buttons_to_add.append(selected_option[0])  # Store the name of the button to be added
+        new_button = pn.widgets.Button(name=selected_option[0], width=130, sizing_mode='fixed')
+        header_buttons.append(new_button)
         filter_list.value = []  # Clear the selected option after adding it to the header
 
+    # Update the header immediately after adding the button
+    update_header()
+
 add_to_header_button.on_click(add_to_header)
 
+# Function to update the header layout with the newly created buttons
+def update_header():
+    header_buttons.clear()  # Clear the existing buttons
+    for button_name in buttons_to_add:
+        new_button = pn.widgets.Button(name=button_name, width=130, sizing_mode='fixed')
+        header_buttons.append(new_button)
+
+# List to store the names of buttons to be added to the header
+buttons_to_add = []
+
 # Layout using Template
 template = pn.template.FastListTemplate(
     title="EasySciRead",
@@ -64,12 +75,5 @@ template = pn.template.FastListTemplate(
     sidebar_width=150
 )
 
-# Periodically update the header layout to add the newly created buttons
-def update_header():
-    for button_name in buttons_to_add:
-        new_button = pn.widgets.Button(name=button_name, width=130, sizing_mode='fixed')
-        header_buttons.append(new_button)
-    buttons_to_add.clear()  # Clear the list after adding the buttons to the header
-
 # Run the app
 template.servable()