Update app.py

app.py

@@ -34,8 +34,9 @@ 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 style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;" 
-                        value="{item['Dish Name']}">Add</button>
+                <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>
             </div>
         </div>
         """
@@ -57,7 +58,7 @@ def render_dish_details(dish_name):
 
 # Gradio app definition
 def app():
-    with gr.Blocks(title="Dynamic Menu with Filters") as demo:
+    with gr.Blocks(title="Dynamic Menu with Suggestions Page") as demo:
         gr.Markdown("## Dynamic Menu with Preferences")
 
         # Radio button for selecting preference
@@ -70,8 +71,8 @@ def app():
         # Main menu output area
         menu_output = gr.HTML(value=filter_menu("All"), visible=True)
 
-        # Detailed view components
-        detailed_view = gr.Column(visible=False)
+        # Suggestion page components
+        suggestion_page = gr.Column(visible=False)
         dish_image = gr.Image()
         dish_name = gr.Markdown()
         dish_description = gr.Markdown()
@@ -100,12 +101,12 @@ def app():
         def update_menu(preference):
             return filter_menu(preference)
 
-        def show_dish_details(dish_name):
+        def show_suggestion_page(dish_name):
             try:
                 img, name, desc, price = render_dish_details(dish_name)
                 return (
                     gr.update(visible=False),  # Hide menu
-                    gr.update(visible=True),  # Show detailed view
+                    gr.update(visible=True),  # Show suggestion page
                     img,
                     name,
                     desc,
@@ -142,11 +143,11 @@ def app():
         )
 
         menu_output.change(
-            show_dish_details,
+            show_suggestion_page,
             inputs=[menu_output],
             outputs=[
                 menu_output,
-                detailed_view,
+                suggestion_page,
                 dish_image,
                 dish_name,
                 dish_description,
@@ -162,14 +163,14 @@ def app():
 
         back_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),
-            outputs=[menu_output, detailed_view],
+            outputs=[menu_output, suggestion_page],
         )
 
         # Layout
         with gr.Row(visible=True):
             menu_output
 
-        with detailed_view:
+        with suggestion_page:
             dish_image
             dish_name
             dish_description