From 69bb6ef290325f4fbf365d2ec0567884677b2719 Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka@e.email>
Date: Wed, 22 Sep 2021 19:25:33 +0200
Subject: [PATCH 1/2] Removed empty selector if no monitor available

---
 src/pages/StatusPage.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 15420d8e..8e0d2727 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -175,10 +175,12 @@
             </div>
 
             <div class="mt-3">
-                <label>{{ $t("Add a monitor") }}:</label>
-                <select v-model="selectedMonitor" class="form-control">
-                    <option v-for="monitor in allMonitorList" :key="monitor.id" :value="monitor">{{ monitor.name }}</option>
-                </select>
+                <div v-if="allMonitorList.length > 0 && loadedData">
+                    <label>{{ $t("Add a monitor") }}:</label>
+                    <select v-model="selectedMonitor" class="form-control">
+                        <option v-for="monitor in allMonitorList" :key="monitor.id" :value="monitor">{{ monitor.name }}</option>
+                    </select>
+                </div>
             </div>
         </div>
 

From d2af42e579b5b160a2bf3e6fcf44aeb124c82d46 Mon Sep 17 00:00:00 2001
From: Nelson Chan <chakflying@hotmail.com>
Date: Fri, 24 Sep 2021 16:51:53 +0800
Subject: [PATCH 2/2] Fix: Add placeholder if no monitors to add

---
 src/pages/StatusPage.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 8e0d2727..a58e84bf 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -181,6 +181,9 @@
                         <option v-for="monitor in allMonitorList" :key="monitor.id" :value="monitor">{{ monitor.name }}</option>
                     </select>
                 </div>
+                <div v-else class="text-center">
+                    {{ $t("No monitors available.") }}  <router-link to="/add">{{ $t("Add one") }}</router-link>
+                </div>
             </div>
         </div>