From 890d9b3f114baec379d7da6431dbbdcaa15e7dd4 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 20 Jan 2021 22:09:40 +0100
Subject: [PATCH] Make sure no cta's are visible while the page is loading

---
 src/views/list/views/List.vue | 7 ++++++-
 src/views/teams/ListTeams.vue | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index aba20f2e..639f73e6 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -83,7 +83,7 @@
 			</p>
 		</div>
 
-		<p class="has-text-centered has-text-grey" v-if="tasks.length === 0">
+		<p class="has-text-centered has-text-grey" v-if="ctaVisiable && tasks.length === 0 && !taskCollectionService.loading">
 			This list is currently empty.
 			<a @click="$refs.newTaskInput.focus()">Create a new task.</a>
 		</p>
@@ -184,6 +184,8 @@ export default {
 			showError: false,
 			labelTaskService: LabelTaskService,
 			labelService: LabelService,
+
+			ctaVisible: false,
 		}
 	},
 	mixins: [
@@ -207,6 +209,9 @@ export default {
 		canWrite: state => state.currentList.maxRight > Rights.READ,
 		list: state => state.currentList,
 	}),
+	mounted() {
+		this.$nextTick(() => this.ctaVisible = true)
+	},
 	methods: {
 		// This function initializes the tasks page and loads the first page of tasks
 		initTasks(page, search = '') {
diff --git a/src/views/teams/ListTeams.vue b/src/views/teams/ListTeams.vue
index 24736ab1..657e377a 100644
--- a/src/views/teams/ListTeams.vue
+++ b/src/views/teams/ListTeams.vue
@@ -16,7 +16,7 @@
 				</router-link>
 			</li>
 		</ul>
-		<p v-else class="has-text-centered has-text-grey">
+		<p v-else-if="!teamService.loading" class="has-text-centered has-text-grey">
 			You are currently not part of any teams.
 			<router-link :to="{name: 'teams.create'}">
 				Create a new team.