From 393a98e3201ec817978ff20b99517f02139c0336 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@zweili.ch>
Date: Sun, 27 Jun 2021 18:24:43 +0200
Subject: [PATCH] only display the list when there are coaches found

---
 src/pages/coaches/CoachesList.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/coaches/CoachesList.vue b/src/pages/coaches/CoachesList.vue
index bed817e..f3d600a 100644
--- a/src/pages/coaches/CoachesList.vue
+++ b/src/pages/coaches/CoachesList.vue
@@ -7,11 +7,12 @@
       <button>Refresh</button>
       <router-link to="/register">Register as Coach</router-link>
     </div>
-    <ul>
+    <ul v-if="hasCoaches">
       <li v-for="coach in filteredCoaches" :key="coach.id">
         {{ coach.firstName }}
       </li>
     </ul>
+    <h3 v-else>No coaches found.</h3>
   </section>
 </template>
 
@@ -20,6 +21,9 @@ export default {
   computed: {
     filteredCoaches() {
       return this.$store.getters['coaches/coaches'];
+    },
+    hasCoaches() {
+      return this.$store.getters['coaches/hasCoaches'];
     }
   }
 };