From 74548e9152c409d1fac8274d3f32b101745704d5 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sat, 20 Aug 2022 11:21:57 -0800
Subject: [PATCH] fix(frontend): proper null check for notes (#1583)

Adds a proper check for the mealplan.recipe property in multiple places to resolve the bug described in #1571. In development the page would fail to render.
---
 frontend/pages/group/mealplan/planner.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/group/mealplan/planner.vue b/frontend/pages/group/mealplan/planner.vue
index 95f42be1..4fe40ec6 100644
--- a/frontend/pages/group/mealplan/planner.vue
+++ b/frontend/pages/group/mealplan/planner.vue
@@ -218,7 +218,7 @@
           <RecipeCard
             v-for="mealplan in plan.meals"
             :key="mealplan.id"
-            :recipe-id="mealplan.recipe ? mealplan.recipe.id : null"
+            :recipe-id="mealplan.recipe ? mealplan.recipe.id : ''"
             :image-height="125"
             class="mb-2"
             :route="mealplan.recipe ? true : false"
@@ -236,8 +236,8 @@
                   {{ mealplan.entryType }}
                 </v-chip>
                 <RecipeContextMenu
-                  :name="mealplan.recipe.name"
-                  :recipe-id="mealplan.recipe.id"
+                  :name="mealplan.recipe ? mealplan.recipe.name : mealplan.title"
+                  :recipe-id="mealplan.recipe ? mealplan.recipe.id : ''"
                   :slug="mealplan.recipe ? mealplan.recipe.slug : ''"
                   :use-items="{
                     delete: false,