From 22183d4969f02d32055618232dd8b30461add09c Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Mon, 28 Jul 2025 19:49:35 +0000
Subject: [PATCH] add warning/tooltip for unparsed foods/units

---
 .../Domain/Recipe/RecipeIngredientEditor.vue  | 48 +++++++++++++++++++
 frontend/lang/messages/en-US.json             |  3 ++
 .../r/[slug]/ingredient-parser.vue            |  4 ++
 3 files changed, 55 insertions(+)

diff --git a/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
index a758ac64e..02c0bc4a4 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
@@ -63,6 +63,22 @@
           clearable
           @keyup.enter="handleUnitEnter"
         >
+          <template #prepend>
+            <v-tooltip v-if="unitError" bottom>
+              <template #activator="{ props }">
+                <v-icon
+                  v-bind="props"
+                  class="ml-2 mr-n3"
+                  color="primary"
+                >
+                  {{ $globals.icons.alert }}
+                </v-icon>
+              </template>
+              <span v-if="unitErrorTooltip">
+                {{ unitErrorTooltip }}
+              </span>
+            </v-tooltip>
+          </template>
           <template #no-data>
             <div class="caption text-center pb-2">
               {{ $t("recipe.press-enter-to-create") }}
@@ -104,6 +120,22 @@
           clearable
           @keyup.enter="handleFoodEnter"
         >
+          <template #prepend>
+            <v-tooltip v-if="foodError" bottom>
+              <template #activator="{ props }">
+                <v-icon
+                  v-bind="props"
+                  class="ml-2 mr-n3"
+                  color="primary"
+                >
+                  {{ $globals.icons.alert }}
+                </v-icon>
+              </template>
+              <span v-if="foodErrorTooltip">
+                {{ foodErrorTooltip }}
+              </span>
+            </v-tooltip>
+          </template>
           <template #no-data>
             <div class="caption text-center pb-2">
               {{ $t("recipe.press-enter-to-create") }}
@@ -188,6 +220,22 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  unitError: {
+    type: Boolean,
+    default: false,
+  },
+  unitErrorTooltip: {
+    type: String,
+    default: "",
+  },
+  foodError: {
+    type: Boolean,
+    default: false,
+  },
+  foodErrorTooltip: {
+    type: String,
+    default: "",
+  },
 });
 
 defineEmits([
diff --git a/frontend/lang/messages/en-US.json b/frontend/lang/messages/en-US.json
index 59437e6d4..7e1f9315b 100644
--- a/frontend/lang/messages/en-US.json
+++ b/frontend/lang/messages/en-US.json
@@ -662,6 +662,9 @@
       "no-unit": "No unit",
       "missing-unit": "Create missing unit: {unit}",
       "missing-food": "Create missing food: {food}",
+      "this-unit-could-not-be-parsed-automatically": "This unit could not be parsed automatically",
+      "this-food-could-not-be-parsed-automatically": "This food could not be parsed automatically",
+      "confidence-score": "Confidence Score",
       "no-food": "No Food"
     },
     "reset-servings-count": "Reset Servings Count",
diff --git a/frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue b/frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue
index 03aa1c3ea..d35a3fb00 100644
--- a/frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue
+++ b/frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue
@@ -103,6 +103,10 @@
                 <RecipeIngredientEditor
                   v-model="parsedIng[index].ingredient"
                   allow-insert-ingredient
+                  :unit-error="errors[index].unitError && errors[index].unitErrorMessage !== ''"
+                  :unit-error-tooltip="$t('recipe.parser.this-unit-could-not-be-parsed-automatically')"
+                  :food-error="errors[index].foodError && errors[index].foodErrorMessage !== ''"
+                  :food-error-tooltip="$t('recipe.parser.this-food-could-not-be-parsed-automatically')"
                   @insert-above="insertIngredient(index)"
                   @insert-below="insertIngredient(index + 1)"
                   @delete="deleteIngredient(index)"