Update app.py

app.py

@@ -20,8 +20,8 @@ with gr.Blocks(css="styles.css") as app:
         """
     )
 
-    # Initialize the modal
-    modal = Modal()
+    # Modal object
+    modal = Modal(name="Food Details")
 
     # Display all items as a vertical list
     with gr.Column(elem_id="food-list"):
@@ -31,13 +31,10 @@ with gr.Blocks(css="styles.css") as app:
                 elem_id=f"food-{food_name.replace(' ', '-').lower()}",
                 interactive=True,
             ).click(
-                lambda x=food_name: modal.show(content=display_card(x)),
+                lambda x=food_name: modal.show(display_card(x)),
                 inputs=None,
                 outputs=[]
             )
 
-    # Add the modal to the app
-    modal.render()
-
 # Launch the app
 app.launch()