From ca64584fd130af576e41b1b8d2fef13db2bc9e84 Mon Sep 17 00:00:00 2001
From: Daniel Palstra <danielpalstra@users.noreply.github.com>
Date: Fri, 12 Aug 2022 19:02:08 +0200
Subject: [PATCH] feat: add the RecipeCardMenu to the recipe in a mealplan
 (#1551)

* Add the RecipeCardMenu to the recipe in a mealplan

* fix parameter naming

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
---
 frontend/pages/group/mealplan/planner.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/group/mealplan/planner.vue b/frontend/pages/group/mealplan/planner.vue
index 242119b70b52..95f42be10b82 100644
--- a/frontend/pages/group/mealplan/planner.vue
+++ b/frontend/pages/group/mealplan/planner.vue
@@ -118,7 +118,8 @@
                     tiny
                     icon-size="25"
                     :slug="mealplan.recipe ? mealplan.recipe.slug : ''"
-                  />
+                  >
+                  </RecipeCardImage>
                   <v-icon v-else>
                     {{ $globals.icons.primary }}
                   </v-icon>
@@ -234,6 +235,20 @@
                   </v-icon>
                   {{ mealplan.entryType }}
                 </v-chip>
+                <RecipeContextMenu
+                  :name="mealplan.recipe.name"
+                  :recipe-id="mealplan.recipe.id"
+                  :slug="mealplan.recipe ? mealplan.recipe.slug : ''"
+                  :use-items="{
+                    delete: false,
+                    edit: false,
+                    download: true,
+                    mealplanner: false,
+                    print: true,
+                    share: false,
+                    shoppingList: true,
+                  }"
+                />
               </v-card-actions>
             </template>
           </RecipeCard>
@@ -254,6 +269,7 @@ import { useMealplans, planTypeOptions } from "~/composables/use-group-mealplan"
 import { useRecipes, allRecipes } from "~/composables/recipes";
 import RecipeCardImage from "~/components/Domain/Recipe/RecipeCardImage.vue";
 import RecipeCard from "~/components/Domain/Recipe/RecipeCard.vue";
+import RecipeContextMenu from "~/components/Domain/Recipe/RecipeContextMenu.vue";
 import { PlanEntryType } from "~/types/api-types/meal-plan";
 import { useUserApi } from "~/composables/api";
 
@@ -262,6 +278,7 @@ export default defineComponent({
     draggable,
     RecipeCardImage,
     RecipeCard,
+    RecipeContextMenu,
   },
   setup() {
     const state = reactive({