Update app.py

app.py

@@ -1,10 +1,10 @@
 import gradio as gr
 import pandas as pd
 
-# Load menu data from Excel
+# Function to load menu data from Excel
 def load_menu():
     try:
-        return pd.read_excel("menu.xlsx")  # Ensure menu.xlsx is in the same directory
+        return pd.read_excel("menu.xlsx")  # Ensure menu.xlsx exists in the same directory
     except Exception as e:
         raise ValueError(f"Error loading menu file: {e}")
 
@@ -25,7 +25,7 @@ def filter_menu(preference):
     for _, item in filtered_data.iterrows():
         html_content += f"""
         <div class="menu-item">
-            <img src="{item['Image URL']}" alt="{item['Dish Name']}">
+            <img src="{item['Image URL']}" alt="{item['Dish Name']}" class="dish-image">
             <h3>{item['Dish Name']}</h3>
             <p>{item['Description']}</p>
             <p><strong>${item['Price ($)']}</strong></p>
@@ -41,9 +41,9 @@ def get_dish_details(dish_name):
         dish = menu_data[menu_data["Dish Name"] == dish_name].iloc[0]
         return (
             dish["Image URL"],
-            dish["Dish Name"],
+            dish_name,
             dish["Description"],
-            dish["Price ($)"],
+            f"${dish['Price ($)']}",
             dish["Ingredients"]
         )
     except IndexError:
@@ -52,9 +52,9 @@ def get_dish_details(dish_name):
 # Main Gradio app
 def app():
     with gr.Blocks(css="style.css") as demo:
-        gr.Markdown("## Dynamic Menu with Modal Suggestion Page")
+        gr.Markdown("## Dynamic Menu with Modal Window")
 
-        # Menu section
+        # Home page menu
         preference_selector = gr.Radio(
             choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
             value="All",
@@ -62,7 +62,7 @@ def app():
         )
         menu_output = gr.HTML(value=filter_menu("All"))
 
-        # Modal window (suggestion page, hidden by default)
+        # Modal (hidden by default)
         modal = gr.Column(visible=False, elem_classes=["popup"])
         modal_image = gr.Image(label="Dish Image")
         modal_name = gr.Markdown()
@@ -75,11 +75,11 @@ def app():
         add_to_cart_button = gr.Button("Add to Cart")
         close_modal_button = gr.Button("Close")
 
-        # Cart section
+        # Cart
         cart_state = gr.State([])
         cart_output = gr.HTML(value="Your cart is empty.")
 
-        # Event handlers
+        # Handlers
         def update_menu(preference):
             return filter_menu(preference)
 
@@ -90,7 +90,7 @@ def app():
                 img,
                 f"### {name}",
                 f"**Description:** {desc}\n\n**Ingredients:** {ingredients}",
-                f"**Price:** ${price}"
+                price
             )
 
         def close_modal():
@@ -110,7 +110,7 @@ def app():
             )
             return cart, cart_html
 
-        # Event wiring
+        # Events
         preference_selector.change(update_menu, inputs=[preference_selector], outputs=[menu_output])
         menu_output.change(show_modal, inputs=[menu_output], outputs=[modal, modal_image, modal_name, modal_description, modal_price])
         close_modal_button.click(close_modal, outputs=[modal])