Update app.py

app.py

@@ -20,8 +20,8 @@ with gr.Blocks(css="styles.css") as app:
         """
     )
 
-    # Modal object
-    modal = Modal(name="Food Details")
+    # Create a modal
+    modal = Modal()
 
     # Display all items as a vertical list
     with gr.Column(elem_id="food-list"):
@@ -31,7 +31,7 @@ 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(display_card(x)),
+                lambda x=food_name: modal.show(content=display_card(x)),
                 inputs=None,
                 outputs=[]
             )