Update app.py

app.py

@@ -34,9 +34,7 @@ def filter_menu(preference):
             </div>
             <div style="flex-shrink: 0; text-align: center;">
                 <img src="{item['Image URL']}" alt="{item['Dish Name']}" style="width: 100px; height: 100px; border-radius: 8px; object-fit: cover; margin-bottom: 10px;">
-                <button value="{item['Dish Name']}" style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;">
-                    View Details
-                </button>
+                <button value="{item['Dish Name']}" onclick="select('{item['Dish Name']}')" style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;">Add</button>
             </div>
         </div>
         """
@@ -44,146 +42,67 @@ def filter_menu(preference):
 
 # Function to render detailed view of a dish
 def render_dish_details(dish_name):
+    print(f"Selected dish: {dish_name}")  # Debugging line
     menu_data = load_menu()
     try:
         dish = menu_data[menu_data["Dish Name"] == dish_name].iloc[0]
         return (
-            dish["Image URL"],  # Image of the dish
+            dish["Image URL"],  # Dish image
             f"## {dish_name}",  # Dish name
             dish["Description"],  # Description
-            f"**Price:** ${dish['Price ($)']}"  # Price
+            f"${dish['Price ($)']}"  # Price
         )
     except IndexError:
         raise ValueError(f"Dish '{dish_name}' not found!")
 
 # Gradio app definition
 def app():
-    with gr.Blocks(title="Dynamic Menu with Suggestions Page") as demo:
-        gr.Markdown("## Dynamic Menu with Preferences")
-
-        # Radio button for selecting preference
-        selected_preference = gr.Radio(
-            choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
-            value="All",
-            label="Choose a Preference",
-        )
+    with gr.Blocks() as demo:
+        gr.Markdown("## Menu with Suggestions")
+
+        selected_dish = gr.State("")  # Track the selected dish name
 
-        # Main menu output area
-        menu_output = gr.HTML(value=filter_menu("All"), visible=True)
+        # Menu page
+        menu_html = gr.HTML(value=filter_menu("All"))
 
-        # Suggestion page components
+        # Suggestion page
         suggestion_page = gr.Column(visible=False)
-        dish_image = gr.Image()
+        dish_image = gr.Image(label="Dish Image")
         dish_name = gr.Markdown()
         dish_description = gr.Markdown()
         dish_price = gr.Markdown()
-        spice_level = gr.Radio(
-            choices=["Mild", "Medium", "Spicy"],
-            label="Choose Spice Level",
-        )
-        extras = gr.CheckboxGroup(
-            choices=["Extra Raita", "Extra Salan", "Extra Fried Onion"],
-            label="Choose Extras",
-        )
-        quantity = gr.Number(label="Quantity", value=1, interactive=True)
-        special_instructions = gr.Textbox(
-            label="Special Instructions",
-            placeholder="Add any requests here",
-        )
-        add_to_bag_button = gr.Button("Add to Bag")
-        back_button = gr.Button("Back to Menu")
-
-        # Cart state and display
-        cart_state = gr.State([])
-        cart_output = gr.HTML(value="Your cart is empty.")
 
-        # Define interactivity
-        def update_menu(preference):
-            return filter_menu(preference)
-
-        def show_suggestion_page(dish_name):
+        # Functions
+        def show_suggestion(dish_name):
             try:
                 img, name, desc, price = render_dish_details(dish_name)
                 return (
-                    gr.update(visible=False),  # Hide menu
-                    gr.update(visible=True),  # Show suggestion page
+                    gr.update(visible=False),
+                    gr.update(visible=True),
                     img,
                     name,
                     desc,
                     price,
                 )
             except ValueError as e:
-                return (
-                    gr.update(visible=True),
-                    gr.update(visible=False),
-                    "",
-                    "Error: Dish not found.",
-                    "",
-                    "",
-                )
-
-        def add_to_cart(dish_name, spice_level, extras, quantity, instructions, cart):
-            cart.append({
-                "name": dish_name,
-                "spice_level": spice_level,
-                "extras": extras,
-                "quantity": quantity,
-                "instructions": instructions
-            })
-            cart_html = "<br>".join(
-                [f"{item['quantity']}x {item['name']} - {item['spice_level']} (Extras: {', '.join(item['extras'])})" for item in cart]
-            )
-            return cart, cart_html
-
-        # Event handlers
-        selected_preference.change(
-            update_menu,
-            inputs=[selected_preference],
-            outputs=[menu_output],
-        )
-
-        menu_output.change(
-            show_suggestion_page,
-            inputs=[menu_output],
-            outputs=[
-                menu_output,
-                suggestion_page,
-                dish_image,
-                dish_name,
-                dish_description,
-                dish_price,
-            ],
-        )
+                return gr.update(value=f"<p style='color:red;'>Error: {str(e)}</p>")
 
-        add_to_bag_button.click(
-            add_to_cart,
-            inputs=[dish_name, spice_level, extras, quantity, special_instructions, cart_state],
-            outputs=[cart_state, cart_output],
-        )
-
-        back_button.click(
-            lambda: (gr.update(visible=True), gr.update(visible=False)),
-            outputs=[menu_output, suggestion_page],
+        # Event Handlers
+        menu_html.change(
+            show_suggestion,
+            inputs=[selected_dish],
+            outputs=[menu_html, suggestion_page, dish_image, dish_name, dish_description, dish_price]
         )
 
         # Layout
-        with gr.Row(visible=True):
-            menu_output
+        with gr.Row():
+            menu_html
 
         with suggestion_page:
             dish_image
             dish_name
             dish_description
             dish_price
-            spice_level
-            extras
-            quantity
-            special_instructions
-            add_to_bag_button
-            back_button
-
-        with gr.Row():
-            cart_output
 
     return demo