Update app.py

app.py

@@ -102,10 +102,11 @@ with gr.Blocks() as demo:
     btn_vegan.click(lambda: display_dishes("VEGAN"), outputs=dish_display)
     btn_halal.click(lambda: display_dishes("HALAL"), outputs=dish_display)
 
-    demo.add_component(dish_display)
-    demo.add_component(cart_display)
+    with gr.Row():
+        dish_display.render()
+        cart_display.render()
 
-    demo.add_component(gr.HTML(f"""
+    gr.HTML(f"""
     <div id="popup" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 
                               background-color: white; padding: 20px; border-radius: 10px; 
                               box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; text-align: center; width: 500px;">
@@ -157,6 +158,6 @@ with gr.Blocks() as demo:
             closePopup();
         }
     </script>
-    """))
+    """)
 
-    demo.launch()
+    demo.launch()