Update app.py

app.py

@@ -65,40 +65,59 @@ def load_menu_from_salesforce():
     try:
         query = "SELECT Name, Price__c, Description__c, Image1__c, Veg_NonVeg__c, Section__c FROM Menu_Item__c"
         result = sf.query(query)
-        return result['records']
+        menu_data = result['records']
+        
+        # Debug output for fetched data
+        print("Fetched Menu Items:")
+        for record in menu_data:
+            print(record)
+        
+        return menu_data
     except Exception as e:
         raise ValueError(f"Error loading menu data from Salesforce: {e}")
 
 # Function to filter menu items based on preference
 def filter_menu(preferences):
     menu_data = load_menu_from_salesforce()
+
+    # Debug the data fetched from Salesforce
+    print("Menu Data Fetched from Salesforce:")
+    for item in menu_data:
+        print(item)
+
     filtered_data = {}
 
     for item in menu_data:
+        # Add the section to filtered data if not already present
         if item["Section__c"] not in filtered_data:
             filtered_data[item["Section__c"]] = []
 
-        if "Veg" in preferences and item["Veg_NonVeg__c"] in ["Veg", "Both"]:
+        # Apply filters based on preferences
+        if "All" in preferences:
+            filtered_data[item["Section__c"]].append(item)
+        elif "Veg" in preferences and item["Veg_NonVeg__c"] in ["Veg", "Both"]:
             filtered_data[item["Section__c"]].append(item)
         elif "Non-Veg" in preferences and item["Veg_NonVeg__c"] in ["Non-Veg", "Both"]:
             filtered_data[item["Section__c"]].append(item)
 
+    # Generate HTML content
     html_content = '<div style="padding: 20px; max-width: 1200px; margin: auto;">'
     for section, items in filtered_data.items():
-        html_content += f"<h2 style='text-align: center; color: #333;'>{section}</h2>"
-        html_content += '<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">'
-        for item in items:
-            html_content += f"""
-            <div style="width: 300px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
-                <img src="{item['Image1__c']}" alt="{item['Name']}" style="width: 100%; height: 200px; object-fit: cover;">
-                <div style="padding: 15px;">
-                    <h3 style="margin: 0; font-size: 20px; color: #333;">{item['Name']}</h3>
-                    <p style="margin: 5px 0; font-size: 16px; color: #888;">${item['Price__c']}</p>
-                    <p style="margin: 10px 0; font-size: 14px; color: #555;">{item['Description__c']}</p>
+        if items:  # Only render sections with items
+            html_content += f"<h2 style='text-align: center; color: #333;'>{section}</h2>"
+            html_content += '<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">'
+            for item in items:
+                html_content += f"""
+                <div style="width: 300px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
+                    <img src="{item['Image1__c']}" alt="{item['Name']}" style="width: 100%; height: 200px; object-fit: cover;">
+                    <div style="padding: 15px;">
+                        <h3 style="margin: 0; font-size: 20px; color: #333;">{item['Name']}</h3>
+                        <p style="margin: 5px 0; font-size: 16px; color: #888;">${item['Price__c']}</p>
+                        <p style="margin: 10px 0; font-size: 14px; color: #555;">{item['Description__c']}</p>
+                    </div>
                 </div>
-            </div>
-            """
-        html_content += '</div>'
+                """
+            html_content += '</div>'
     html_content += '</div>'
     return html_content or "<p style='text-align: center;'>No items match your filter.</p>"
 
@@ -133,7 +152,7 @@ with gr.Blocks() as app:
     # Menu Page
     with gr.Row(visible=False) as menu_page:
         preferences = gr.CheckboxGroup(
-            choices=["Veg", "Non-Veg"], label="Filter Preference"
+            choices=["All", "Veg", "Non-Veg"], label="Filter Preference"
         )
         menu_output = gr.HTML()