Fix refresh interval

Author: AchoArnold

web/layouts/default.vue

@@ -27,6 +27,7 @@
 
 <script lang="ts">
 import { Vue, Component } from 'vue-property-decorator'
+import { setAuthHeader } from '~/plugins/axios'
 
 @Component
 export default class DefaultLayout extends Vue {
@@ -38,6 +39,14 @@ export default class DefaultLayout extends Vue {
 
   mounted() {
     this.startPoller()
+    setTimeout(
+      () => {
+        if (this.poller) {
+          clearInterval(this.poller)
+        }
+      },
+      60 * 1000 * 60,
+    )
   }
 
   beforeDestroy(): void {
@@ -52,9 +61,10 @@ export default class DefaultLayout extends Vue {
 
       const promises = []
       if (this.$store.getters.getAuthUser && this.$store.getters.getOwner) {
+        setAuthHeader((await this.$fire.auth.currentUser?.getIdToken()) ?? '')
         promises.push(
           this.$store.dispatch('loadThreads'),
-          this.$store.dispatch('getHeartbeat')
+          this.$store.dispatch('getHeartbeat'),
         )
       }
 
@@ -66,8 +76,8 @@ export default class DefaultLayout extends Vue {
         promises.push(
           this.$store.dispatch(
             'loadThreadMessages',
-            this.$store.getters.getThread.id
-          )
+            this.$store.getters.getThread.id,
+          ),
         )
       }
       await Promise.all(promises)