Update static/script.js

static/script.js

@@ -90,20 +90,29 @@ function fetchNewStepIngredients() {
         if (data.error) {
             addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
         } else {
+            // Log the data to check its structure
+            console.log('Fetched ingredients data:', data);
+
             const ingredients = data.ingredients || [];
+            if (ingredients.length === 0) {
+                addMessage('bot', 'No ingredients found. Please try again later.');
+                return;
+            }
+
             addMessage('bot', 'Please select ingredients to add to your dish:');
-            // Call the new function to display ingredients without the Submit button
-            displayIngredientsWithoutSubmit(ingredients); // Show ingredients here without the submit button
-             displayMenuItemIngredientsWithoutSubmit(selectedMenuItem);  
-            //displaySelectedIngredients(); // Optionally display the selected ingredients in a different area
-            // Then show the customization box for instructions
-            //displayCustomizationInput(); // Show the customization input below
+            
+            // Call the new function to display ingredients without the Submit button for the menu item
+            displayMenuItemIngredientsWithoutSubmit(selectedMenuItem);  // Show ingredients for the selected menu item
+
+            // Optionally, you can display the selected ingredients or show the customization input
+            displayCustomizationInput(); // Show the customization input box below the ingredients
         }
     })
     .catch(error => {
         addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
     });
 }
+
 function displayIngredientsWithoutSubmit(ingredients) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {