From 36f5f0eabc4f356132cd68ad88e8c89db08566fa Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 8 Jan 2021 23:07:17 +0100
Subject: [PATCH] Only show the list with teams if there are any teams

---
 src/views/teams/ListTeams.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/views/teams/ListTeams.vue b/src/views/teams/ListTeams.vue
index dc179769ff..269cd7cdc4 100644
--- a/src/views/teams/ListTeams.vue
+++ b/src/views/teams/ListTeams.vue
@@ -1,19 +1,21 @@
 <template>
 	<div class="content loader-container is-max-width-desktop" v-bind:class="{ 'is-loading': teamService.loading}">
-		<router-link :to="{name:'teams.create'}" class="button is-success button-right">
+		<router-link :to="{name:'teams.create'}" class="button is-primary button-right">
 			<span class="icon is-small">
 				<icon icon="plus"/>
 			</span>
 			New Team
 		</router-link>
+
 		<h1>Teams</h1>
-		<ul class="teams box">
+		<ul class="teams box" v-if="teams.length > 0">
 			<li :key="t.id" v-for="t in teams">
 				<router-link :to="{name: 'teams.edit', params: {id: t.id}}">
 					{{ t.name }}
 				</router-link>
 			</li>
 		</ul>
+		<p v-else class="has-text-centered has-text-grey">You are currently not part of any teams.</p>
 	</div>
 </template>