Update app.py

app.py

@@ -48,9 +48,9 @@ def display_menu():
                     <p style="font-size: 12px; color: gray;">{item['description']}</p>
                 </div>
                 <div style="margin-left: auto; display: flex; align-items: center;">
-                    <button onclick="decrease_quantity('{item['name']}')" style="background-color: #dc3545; color: white; border: none; padding: 5px; border-radius: 5px;">-</button>
+                    <button style="background-color: #dc3545; color: white; border: none; padding: 5px; border-radius: 5px;">-</button>
                     <span style="margin: 0 10px;">{cart[item['name']]['quantity']}</span>
-                    <button onclick="increase_quantity('{item['name']}')" style="background-color: #28a745; color: white; border: none; padding: 5px; border-radius: 5px;">+</button>
+                    <button style="background-color: #28a745; color: white; border: none; padding: 5px; border-radius: 5px;">+</button>
                 </div>
             </div>
             """
@@ -63,14 +63,13 @@ def display_menu():
                     <h4 style="margin: 0;">{item['name']} - ${item['price']}</h4>
                     <p style="font-size: 12px; color: gray;">{item['description']}</p>
                 </div>
-                <button name="add-{item['name']}" style="background-color: #28a745; color: white; border: none; padding: 8px 12px; border-radius: 5px; cursor: pointer; margin-left: auto;">Add</button>
+                <button style="background-color: #28a745; color: white; border: none; padding: 8px 12px; border-radius: 5px; cursor: pointer; margin-left: auto;" 
+                onclick="add_to_cart('{item['name']}')">Add</button>
             </div>
             """
     return menu_html
 
-
 # Function to add items to the cart
-# Add to Cart Logic
 def add_to_cart(item_name):
     """
     Add an item to the cart and return the updated menu and cart summary.
@@ -88,42 +87,20 @@ def add_to_cart(item_name):
                 break
     return display_menu(), update_cart_summary()
 
-
 # Function to update the cart summary
 def update_cart_summary():
+    """
+    Update the cart summary with the total number of items and the total price.
+    """
     num_items = sum(item["quantity"] for item in cart.values())
     total_price = sum(item["price"] * item["quantity"] for item in cart.values())
-    return f"{num_items} items added", f"Total: ${total_price:.2f}"
-
-# Function to render the cart page
-def display_cart():
-    if not cart:
-        return "Your cart is empty."
-    
-    cart_html = "<h3>Your Cart:</h3>"
-    total_price = 0
-    for item in cart.values():
-        item_total = item["price"] * item["quantity"]
-        total_price += item_total
-        cart_html += f"""
-        <div style="display: flex; align-items: center; margin-bottom: 15px; border: 1px solid #ddd; padding: 10px; border-radius: 5px;">
-            <h4 style="margin: 0;">{item['name']}</h4>
-            <div style="margin-left: auto; display: flex; align-items: center;">
-                <button onclick="update_quantity('{item['name']}', 'decrease')" style="background-color: #dc3545; color: white; border: none; padding: 5px; border-radius: 5px;">-</button>
-                <span style="margin: 0 10px;">{item['quantity']}</span>
-                <button onclick="update_quantity('{item['name']}', 'increase')" style="background-color: #28a745; color: white; border: none; padding: 5px; border-radius: 5px;">+</button>
-            </div>
-            <p style="margin: 0 0 0 15px;">${item_total:.2f}</p>
-        </div>
-        """
-    cart_html += f"<h4>Total: ${total_price:.2f}</h4>"
-    cart_html += '<button style="padding: 10px; background-color: #28a745; color: white; border: none; border-radius: 5px;">Place Order</button>'
-    return cart_html
+    return f"{num_items} items added to cart. Total: ${total_price:.2f}"
 
 # Gradio Interface
 with gr.Blocks() as demo:
     gr.Markdown("# Dynamic Food Menu")
     
+    # Menu display
     menu_html = gr.HTML(value=display_menu())
     cart_summary = gr.HTML(value="No items added to cart.")
 
@@ -135,8 +112,7 @@ with gr.Blocks() as demo:
     add_button.click(fn=add_to_cart, inputs=item_name_input, outputs=[menu_html, cart_summary])
 
     # Display Menu and Cart Summary
-    menu_html.render()
-    cart_summary.render()
+    demo.append(menu_html)
+    demo.append(cart_summary)
 
 demo.launch()
-