From affcd4a4aaefc841ac49d80f2430a4ab16c63800 Mon Sep 17 00:00:00 2001
From: Gabriel Massadas <gmassadas@cloudflare.com>
Date: Sun, 17 Sep 2023 21:03:38 +0100
Subject: [PATCH] Auto refresh email list every 5 minutes

---
 .../src/components/email/EmailList.vue        | 41 +++++++++++++------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/packages/dashboard/src/components/email/EmailList.vue b/packages/dashboard/src/components/email/EmailList.vue
index be2a35e..f168ed0 100644
--- a/packages/dashboard/src/components/email/EmailList.vue
+++ b/packages/dashboard/src/components/email/EmailList.vue
@@ -64,33 +64,48 @@
   <!-- end row-->
 </template>
 <script>
-import utils from "@/utils";
+import utils from '@/utils'
 
 export default {
+  data: function () {
+    return {
+      timeInterval: null
+    }
+  },
   methods: {
-    timeAgo(time) {
-      return utils.timeSince(new Date(time));
+    timeAgo (time) {
+      return utils.timeSince(new Date(time))
     },
-    getEmailDate(time) {
-      const date = new Date(time);
+    getEmailDate (time) {
+      const date = new Date(time)
 
-      const mm = date.getMonth() + 1; // getMonth() is zero-based
-      const dd = date.getDate();
+      const mm = date.getMonth() + 1 // getMonth() is zero-based
+      const dd = date.getDate()
 
-      return `${dd}/${(mm > 9 ? "" : "0") + mm}`;
+      return `${dd}/${(mm > 9 ? '' : '0') + mm}`
     }
   },
-  created() {
+  unmounted () {
+    clearInterval(this.timeInterval)
+    this.timeInterval = null
+  },
+  created () {
+    const self = this
+
+    this.timeInterval = setInterval(() => {
+      self.$store.dispatch('refreshObjects')
+    }, 300000) // 5 minutes
+
     this.$watch(
       () => this.$route.params.folder,
       (newFolder) => {
-        if (this.$store.state.activeTab === "email") {
-          this.$store.dispatch("refreshObjects");
+        if (this.$store.state.activeTab === 'email') {
+          this.$store.dispatch('refreshObjects')
         }
       }
-    );
+    )
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>