Update static/script.js

static/script.js

@@ -93,6 +93,7 @@ function handleResponse(userInput) {
 }
 
 function fetchIngredients(foodPreference) {
+    console.log(`Fetching ingredients for dietary preference: ${foodPreference}`);
     fetch('/get_ingredients', {
         method: 'POST',
         headers: {
@@ -100,18 +101,28 @@ function fetchIngredients(foodPreference) {
         },
         body: JSON.stringify({ dietary_preference: foodPreference })
     })
-    .then(response => response.json())
+    .then(response => {
+        console.log(`Response status: ${response.status}`);
+        if (!response.ok) {
+            throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+        return response.json();
+    })
     .then(data => {
+        console.log('Response data:', data);
         if (data.error) {
             addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
+        } else if (!data.ingredients || data.ingredients.length === 0) {
+            addMessage('bot', 'No ingredients found for this selection. Please try another option.');
         } else {
-            const ingredients = data.ingredients || [];
+            const ingredients = data.ingredients;
             addMessage('bot', 'Please select ingredients:');
             displayIngredientsList(ingredients);
             displaySelectedIngredients();
         }
     })
     .catch(error => {
+        console.error('Fetch error:', error);
         addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
     });
 }