Stop polling on unmount job item component

Author: antonkomarev

resources/js/screens/jobs/item.vue

@@ -41,6 +41,7 @@
         data() {
             return {
                 job: {},
+                isMounted: true,
             };
         },
 
@@ -49,6 +50,10 @@
             this.autoRefreshData();
         },
 
+        beforeDestroy() {
+            this.isMounted = false;
+        },
+
         computed: {
             processOutput() {
                 if (!this.job.process) {
@@ -62,6 +67,10 @@
         methods: {
             async autoRefreshData() {
                 setTimeout(async () => {
+                    if (this.isMounted === false) {
+                        return;
+                    }
+
                     if (this.job.status === 'Pending' || this.job.status === 'Running') {
                         await this.fetchData();
                         await this.autoRefreshData();