From d9a1db557cca1ba70ca25c147597110ebeb164be Mon Sep 17 00:00:00 2001
From: niteflyunicorns <86175805+niteflyunicorns@users.noreply.github.com>
Date: Wed, 4 Dec 2024 21:59:17 -0700
Subject: [PATCH] feat: Add 'No Shopping Lists Found' message (#4661)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
---
 .../Domain/Recipe/RecipeDialogAddToShoppingList.vue         | 5 +++++
 frontend/lang/messages/en-US.json                           | 3 ++-
 frontend/pages/shopping-lists/index.vue                     | 6 ++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue b/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
index 37e10ed5b..789d59bd4 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
@@ -1,6 +1,11 @@
 <template>
   <div v-if="dialog">
     <BaseDialog v-if="shoppingListDialog && ready" v-model="dialog" :title="$t('recipe.add-to-list')" :icon="$globals.icons.cartCheck">
+    <v-container v-if="!shoppingListChoices.length">
+      <BasePageTitle>
+        <template #title>{{ $t('shopping-list.no-shopping-lists-found') }}</template>
+      </BasePageTitle>
+    </v-container>
       <v-card-text>
         <v-card
           v-for="list in shoppingListChoices"
diff --git a/frontend/lang/messages/en-US.json b/frontend/lang/messages/en-US.json
index 208219ffa..0fe00ce55 100644
--- a/frontend/lang/messages/en-US.json
+++ b/frontend/lang/messages/en-US.json
@@ -890,7 +890,8 @@
     "you-are-offline-description": "Not all features are available while offline. You can still add, modify, and remove items, but you will not be able to sync your changes to the server until you are back online.",
     "are-you-sure-you-want-to-check-all-items": "Are you sure you want to check all items?",
     "are-you-sure-you-want-to-uncheck-all-items": "Are you sure you want to uncheck all items?",
-    "are-you-sure-you-want-to-delete-checked-items": "Are you sure you want to delete all checked items?"
+    "are-you-sure-you-want-to-delete-checked-items": "Are you sure you want to delete all checked items?",
+    "no-shopping-lists-found": "No Shopping Lists Found"
   },
   "sidebar": {
     "all-recipes": "All Recipes",
diff --git a/frontend/pages/shopping-lists/index.vue b/frontend/pages/shopping-lists/index.vue
index 211125ec9..430ab9a70 100644
--- a/frontend/pages/shopping-lists/index.vue
+++ b/frontend/pages/shopping-lists/index.vue
@@ -21,6 +21,12 @@
       <BaseButton create @click="createDialog = true" />
     </v-container>
 
+    <v-container v-if="!shoppingListChoices.length">
+      <BasePageTitle>
+        <template #title>{{ $t('shopping-list.no-shopping-lists-found') }}</template>
+      </BasePageTitle>
+    </v-container>
+
     <section>
       <v-card
         v-for="list in shoppingListChoices"