From aa85c7f655a888bbb03ae6444c6f523211c01641 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Wed, 3 Mar 2021 20:34:57 -0900
Subject: [PATCH] fix blank card error on meal-plan creator

---
 frontend/src/components/MealPlan/MealPlanNew.vue | 5 +++--
 frontend/src/pages/MealPlanPage.vue              | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/MealPlan/MealPlanNew.vue b/frontend/src/components/MealPlan/MealPlanNew.vue
index 497da6f28..2e420e473 100644
--- a/frontend/src/components/MealPlan/MealPlanNew.vue
+++ b/frontend/src/components/MealPlan/MealPlanNew.vue
@@ -65,7 +65,7 @@
       </v-row>
     </v-card-text>
 
-    <v-card-text>
+    <v-card-text v-if="startDate">
       <MealPlanCard v-model="meals" />
     </v-card-text>
     <v-row align="center" justify="end">
@@ -133,6 +133,7 @@ export default {
 
       let dateDif = (endDate - startDate) / (1000 * 3600 * 24) + 1;
 
+
       if (dateDif < 1) {
         return null;
       }
@@ -182,9 +183,9 @@ export default {
       };
       await api.mealPlans.create(mealBody);
       this.$emit("created");
+      this.meals = [];
       this.startDate = null;
       this.endDate = null;
-      this.meals = [];
     },
 
     getImage(image) {
diff --git a/frontend/src/pages/MealPlanPage.vue b/frontend/src/pages/MealPlanPage.vue
index 3f4d70030..d9fc51dc8 100644
--- a/frontend/src/pages/MealPlanPage.vue
+++ b/frontend/src/pages/MealPlanPage.vue
@@ -131,8 +131,8 @@ export default {
       this.editMealPlan = null;
       this.requestMeals();
     },
-    deletePlan(id) {
-      api.mealPlans.delete(id);
+    async deletePlan(id) {
+      await api.mealPlans.delete(id);
       this.requestMeals();
     },
     openShoppingList(id) {