From 1856db28be770123101a7daa3aa4ad8691a67281 Mon Sep 17 00:00:00 2001
From: jableader <jacobdunk@gmail.com>
Date: Wed, 17 Jan 2024 17:51:37 +1100
Subject: [PATCH] Fixed product link update bug

---
 src/components/IngredientAddBox.vue |  1 -
 src/components/IngredientLine.vue   | 12 +++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/IngredientAddBox.vue b/src/components/IngredientAddBox.vue
index 6b8e3e6..945ee64 100644
--- a/src/components/IngredientAddBox.vue
+++ b/src/components/IngredientAddBox.vue
@@ -2,7 +2,6 @@
 <div class="ingredient-add-box">
     <p class="ingredient-line">
         <ingredient-line :ingredient="ingredient"
-            :show-expanded="true" 
             @update-ingredient="updateIngredient"
             @update-product-link="updateProduct"
             @delete-item="deleteIngredient" />
diff --git a/src/components/IngredientLine.vue b/src/components/IngredientLine.vue
index 8f4d53a..a8e9098 100644
--- a/src/components/IngredientLine.vue
+++ b/src/components/IngredientLine.vue
@@ -17,17 +17,23 @@ import CompactParsedIngredient from './CompactParsedIngredient.vue';
 export default {
     props: {
         ingredient: { type: Object },
-        showExpanded: { type: Boolean, default: false }
     },
     events: ['update-ingredient', 'update-product-link'],
     components: { CompactParsedIngredient },
     data() {
         return {
             ingredientText: this.ingredient.line,
-            productLink: this.ingredient.product?.product_link ?? "",
-            showDetails: this.showExpanded
+            productLink: this.ingredient.product?.link ?? "",
         };
     },
+    watch: {
+        ingredient: {
+            handler: function (newIngredient) {
+                this.productLink = newIngredient.product?.link ?? "";
+            },
+            deep: true,
+        },
+    },
     methods: {
         updateIngredient() {
             if (this.ingredientText != this.ingredient.line)