From 23950dc83e45b71c241eff2e9999bafebb525844 Mon Sep 17 00:00:00 2001
From: Artur Nowakowski <artnow@st.amu.edu.pl>
Date: Sun, 19 Jan 2020 19:24:47 +0100
Subject: [PATCH] Showing recipe card when data is ready

---
 front/components/Recipes/ShowRecipe.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/front/components/Recipes/ShowRecipe.vue b/front/components/Recipes/ShowRecipe.vue
index b30c94f..d330ca1 100644
--- a/front/components/Recipes/ShowRecipe.vue
+++ b/front/components/Recipes/ShowRecipe.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div v-if="loaded">
         <Card>
             <p slot="title">{{ name }}</p>
             <Row type="flex" justify="right" style="margin-bottom: 10px;">
@@ -56,6 +56,7 @@
                 description: '',
                 ingredients: [],
                 steps: [],
+                loaded: false,
                 nutrition: {
                     kcal: 0,
                     carbohydrates: 0,
@@ -78,6 +79,7 @@
                         this.ingredients = data.ingredients;
                         this.steps = data.steps;
                         this.nutrition = data.nutrition;
+                        this.loaded = true;
                     })
                     .catch((error) => {
                         console.log(error);
@@ -108,4 +110,4 @@
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>