Update static/script.js

static/script.js

@@ -76,7 +76,6 @@ function handleResponse(userInput) {
     }
 }
 
-// New function to fetch ingredients based on 'both' condition after clicking 'Yes'
 function fetchNewStepIngredients() {
     fetch('/get_ingredients', {
         method: 'POST',
@@ -87,25 +86,22 @@ function fetchNewStepIngredients() {
     })
     .then(response => response.json())
     .then(data => {
-        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);
+        // Log the whole response to inspect the structure
+        console.log('API Response:', data);
 
-            const ingredients = data.ingredients || [];
+        // Check if ingredients is present in the response
+        if (data && data.ingredients && Array.isArray(data.ingredients)) {
+            const ingredients = data.ingredients;
             if (ingredients.length === 0) {
                 addMessage('bot', 'No ingredients found. Please try again later.');
-                return;
+            } else {
+                addMessage('bot', 'Please select ingredients to add to your dish:');
+                // Display the ingredients without the submit button
+                displayMenuItemIngredientsWithoutSubmit(selectedMenuItem); // Show ingredients for the selected menu item
+                displayCustomizationInput(); // Show the customization input below the ingredients
             }
-
-            addMessage('bot', 'Please select ingredients to add to your dish:');
-            
-            // 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
+        } else {
+            addMessage('bot', 'Error: Ingredients not found in the response.');
         }
     })
     .catch(error => {
@@ -113,6 +109,7 @@ function fetchNewStepIngredients() {
     });
 }
 
+
 function displayIngredientsWithoutSubmit(ingredients) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {