From fbf2df9e7af19bee7f02ea41d2ead5b90ccd2882 Mon Sep 17 00:00:00 2001
From: Juan Cruz Vincenti <juancruzvincenti@gmail.com>
Date: Thu, 25 Nov 2021 18:11:13 -0300
Subject: [PATCH] Add conditional rendering to description * Modify Details
 component * Modify MonitorList component

---
 src/components/MonitorList.vue | 2 +-
 src/pages/Details.vue          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index 29d14d1f..19f2c837 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -23,7 +23,7 @@
                         <div class="info">
                             <Uptime :monitor="item" type="24" :pill="true" />
                             {{ item.name }}
-                            <span :title="item.description">
+                            <span v-if="item.description" :title="item.description">
                                 <font-awesome-icon icon="info-circle" />
                             </span>
                         </div>
diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index 12e86df4..d96e42eb 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -2,7 +2,7 @@
     <transition name="slide-fade" appear>
         <div v-if="monitor">
             <h1> {{ monitor.name }}</h1>
-            <p>{{ monitor.description }}</p>
+            <p v-if="monitor.description">{{ monitor.description }}</p>
             <div class="tags">
                 <Tag v-for="tag in monitor.tags" :key="tag.id" :item="tag" :size="'sm'" />
             </div>