From c3f74b4f4710a2995cfa0f816398b51318189c18 Mon Sep 17 00:00:00 2001
From: Jaakko Lappalainen <jkk.lapp@gmail.com>
Date: Thu, 26 May 2022 19:53:20 +0100
Subject: [PATCH] fix: avoid using updated hook

---
 frontend/src/components/Dashboard.spec.js |  1 +
 frontend/src/components/Dashboard.vue     | 12 ++++++++----
 frontend/src/main.js                      |  6 ------
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/Dashboard.spec.js b/frontend/src/components/Dashboard.spec.js
index c2c8a37..6a9a7cc 100644
--- a/frontend/src/components/Dashboard.spec.js
+++ b/frontend/src/components/Dashboard.spec.js
@@ -25,6 +25,7 @@ describe('Dashboard', () => {
         uid: 1,
         getIdToken: jest.fn().mockReturnValue(Promise.resolve('token')),
       },
+      onAuthStateChanged: jest.fn(() => ({ email: 'test' })),
     });
     axios.get.mockResolvedValueOnce({ data: POSTS_RESPONSE_FIXTURE });
     axios.post.mockResolvedValueOnce({ data: POSTS_RESPONSE_FIXTURE[0] });
diff --git a/frontend/src/components/Dashboard.vue b/frontend/src/components/Dashboard.vue
index 946ecf5..52e45b1 100644
--- a/frontend/src/components/Dashboard.vue
+++ b/frontend/src/components/Dashboard.vue
@@ -19,6 +19,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import store from '../store';
+import firebase from 'firebase/compat/app';
 
 export default {
   computed: {
@@ -37,10 +38,13 @@ export default {
       },
     },
   },
-  updated() {
-    if (this.isLoggedIn) {
-      store.dispatch('fetchPosts');
-    }
+  mounted() {
+    firebase.auth().onAuthStateChanged((user) => {
+      if (user) {
+        store.dispatch('fetchUser', user);
+        store.dispatch('fetchPosts');
+      }
+    });
   },
   methods: {
     submitMessage() {
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 08431af..68888a1 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -17,12 +17,6 @@ const firebaseConfig = {
 
 firebase.initializeApp(firebaseConfig);
 
-firebase.auth().onAuthStateChanged((user) => {
-  if (user) {
-    store.dispatch('fetchUser', user);
-  }
-});
-
 const app = createApp(App);
 app.use(store);
 app.use(router);