Update static/script.js

static/script.js

@@ -144,7 +144,7 @@ function displayCustomizationIngredients(ingredients) {
     // Show the selected menu item
     const itemName = document.createElement('div');
     itemName.className = 'menu-item-name';
-    itemName.textContent = selectedMenuItem.name;
+    itemName.textContent = selectedMenuItem.name;  // Show the menu item name (e.g., "Paneer Biryani")
     selectedItemDiv.appendChild(itemName);
 
     const itemImage = document.createElement('img');
@@ -160,7 +160,7 @@ function displayCustomizationIngredients(ingredients) {
     // Append selected menu item to the ingredient list container
     ingredientsList.appendChild(selectedItemDiv);
 
-    // **Display New Ingredients Below the Menu Item** 
+    // **Display New Ingredients Below the Menu Item**
     ingredients.forEach(ingredient => {
         const item = document.createElement('div');
         item.className = 'ingredient-item';
@@ -175,8 +175,10 @@ function displayCustomizationIngredients(ingredients) {
         const button = document.createElement('button');
         button.textContent = 'Add';
         button.onclick = () => {
-            if (!selectedIngredients.some(item => item.name === ingredient.name)) {
-                selectedIngredients.push(ingredient);
+            // Instead of the ingredient name, show the selected menu item name
+            const addedIngredient = selectedMenuItem.name + " with " + ingredient.name; 
+            if (!selectedIngredients.some(item => item.name === addedIngredient)) {
+                selectedIngredients.push({ name: addedIngredient, image_url: ingredient.image_url });
                 displaySelectedCustomizationIngredients();
             }
         };
@@ -190,6 +192,7 @@ function displayCustomizationIngredients(ingredients) {
 
 
 
+
 function displaySelectedCustomizationIngredients() {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {