From 47c282d94f2a4b97d8f8825fcbf96198d2b99e4c Mon Sep 17 00:00:00 2001
From: "Fredrick W. Warren" <fred.warren@gmail.com>
Date: Mon, 15 Feb 2021 10:35:25 -0800
Subject: [PATCH] 22.04 Hide Loading View when Tasks Downloaded

---
 src/pages/PageTodo.vue   | 20 ++++++++++----------
 src/store/store-auth.js  |  2 ++
 src/store/store-tasks.js |  5 +++++
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/pages/PageTodo.vue b/src/pages/PageTodo.vue
index 552add6..268bc10 100644
--- a/src/pages/PageTodo.vue
+++ b/src/pages/PageTodo.vue
@@ -3,7 +3,16 @@
 
     <div class="q-pa-md absolute full-width full-height column">
 
-      <template v-if="tasksDownloaded">
+      <template v-if="!tasksDownloaded">
+        <div class="absolute-center">
+          <q-spinner
+            color="primary"
+            size="6em"
+          ></q-spinner>
+        </div>
+      </template>
+
+      <template v-else>
         <div class="row q-mb-lg">
           <search />
           <sort />
@@ -39,15 +48,6 @@
         </div>
       </template>
 
-      <template v-else>
-        <div class="absolute-center">
-          <q-spinner
-            color="primary"
-            size="6em"
-          ></q-spinner>
-        </div>
-      </template>
-
     </div>
 
     <q-dialog v-model="showAddTask">
diff --git a/src/store/store-auth.js b/src/store/store-auth.js
index a2dd773..53e79cd 100644
--- a/src/store/store-auth.js
+++ b/src/store/store-auth.js
@@ -35,6 +35,7 @@ const actions = {
       })
   },
   logoutUser () {
+    console.log('xx')
     firebaseAuth.signOut()
   },
   handleAuthStateChange ({ commit, dispatch }) {
@@ -47,6 +48,7 @@ const actions = {
         dispatch('tasks/fbReadData', null, { root: true })
       } else {
         commit('setLoggedIn', false)
+        commit('/tasks/setTasksDownloaded', false, { root: true })
         this.$router.replace('/auth').catch(err => { })
       }
     })
diff --git a/src/store/store-tasks.js b/src/store/store-tasks.js
index b95c54a..bf8beee 100644
--- a/src/store/store-tasks.js
+++ b/src/store/store-tasks.js
@@ -76,6 +76,11 @@ const actions = {
     const userId = firebaseAuth.currentUser.uid
     const userTasks = firebaseDb.ref('tasks/' + userId)
 
+    // initial chcek for data
+    userTasks.once('value', snapshot => {
+      commit('setTasksDownloaded', true)
+    })
+
     // child added
     userTasks.on('child_added', snapshot => {
       const task = snapshot.val()