Update app.py

app.py

@@ -21,7 +21,7 @@ menu_data = [
 # Function to add an item to the cart
 def add_to_cart(item_name):
     cart.append({"item_name": item_name})
-    return f"'{item_name}' has been added to your cart!"
+    return {"status": "success", "message": f"'{item_name}' has been added to your cart!"}
 
 # Function to display the current cart
 def display_cart():
@@ -59,7 +59,7 @@ def display_dishes(category):
 # JavaScript for handling the popup
 popup_js = """
 <script>
-    function showPopup(name, description, price, image) {
+    async function showPopup(name, description, price, image) {
         const popup = document.getElementById("custom-popup");
         const overlay = document.getElementById("overlay");
         popup.innerHTML = `
@@ -77,18 +77,18 @@ popup_js = """
 
         document.getElementById("add-to-cart-button").onclick = async function () {
             try {
-                const response = await fetch("/run/add_to_cart", {
+                const response = await fetch("/add_to_cart", {
                     method: "POST",
-                    body: JSON.stringify({ item_name: name }),
-                    headers: { "Content-Type": "application/json" }
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ item_name: name })
                 });
 
                 const result = await response.json();
 
-                if (response.ok) {
-                    alert(result); // Show success message
+                if (result.status === "success") {
+                    alert(result.message);  // Show success message
                 } else {
-                    alert("Error adding item to cart: " + (result.error || "Unknown error"));
+                    alert("Error adding item to cart: " + result.message);
                 }
             } catch (error) {
                 console.error("Error:", error);
@@ -107,12 +107,11 @@ popup_js = """
 """
 
 # HTML structure for the popup
-popup_html = """
 <div id="overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 999;"></div>
 <div id="custom-popup" 
      style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; max-width: 90%; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 6px rgba(0,0,0,0.1); display: none; z-index: 1000; position: relative;">
 </div>
-"""
+
 
 # Main Gradio app
 with gr.Blocks() as demo:
@@ -153,5 +152,4 @@ with gr.Blocks() as demo:
                 outputs=cart_display
             )
 
-# Register backend functions
 demo.launch()