Update components/menu.py

components/menu.py

@@ -9,16 +9,21 @@ def generate_menu():
         {"name": "Chicken Wings", "image": "static/images/chicken_wings.png", "model": "static/3d_models/chicken_wings.glb"},
     ]
 
+    def show_popup(item_name, model_path):
+        return generate_popup_card(item_name, model_path)
+
     with gr.Row() as menu_row:
         for item in menu_items:
             with gr.Column():
                 gr.Image(item["image"], label=item["name"])
                 button = gr.Button(f"Add {item['name']}")
-                # Connect button to generate_popup_card function
                 button.click(
-                    fn=generate_popup_card, 
-                    inputs=[gr.Textbox(value=item["name"], visible=False), gr.Textbox(value=item["model"], visible=False)],
-                    outputs=gr.update(visible=True)  # Show the popup
+                    show_popup,
+                    inputs=[
+                        gr.Textbox(value=item["name"], visible=False),  # Item Name
+                        gr.Textbox(value=item["model"], visible=False),  # Model Path
+                    ],
+                    outputs=gr.HTML()  # Popup will render as HTML
                 )
 
     return menu_row