feat: update tray icon based on changes in the download status

src/main/Application.js

@@ -312,5 +312,9 @@ export default class Application extends EventEmitter {
     ipcMain.on('update-menu-states', (event, visibleStates, enabledStates, checkedStates) => {
       this.menuManager.updateStates(visibleStates, enabledStates, checkedStates)
     })
+
+    ipcMain.on('download-status-change', (event, status) => {
+      this.trayManager.updateStatus(status)
+    })
   }
 }

src/main/ui/TrayManager.js

@@ -94,7 +94,7 @@ export default class TrayManager extends EventEmitter {
   }
 
   updateStatus (status) {
-    const icon = status === 'active' ? this.activeIcon : this.normalIcon
+    const icon = status ? this.activeIcon : this.normalIcon
     tray.setImage(icon)
   }
 }

src/renderer/components/Native/EngineClient.vue

@@ -3,6 +3,7 @@
 </template>
 
 <script>
+  import is from 'electron-is'
   import { mapState } from 'vuex'
   import api from '@/api'
   import {
@@ -18,10 +19,17 @@
 
   export default {
     name: 'mo-engine-client',
+    data: function () {
+      return {
+        downloading: false
+      }
+    },
     computed: {
+      isRenderer: () => is.renderer(),
       ...mapState('app', {
         downloadSpeed: state => state.stat.downloadSpeed,
-        interval: state => state.interval
+        interval: state => state.interval,
+        numActive: state => state.stat.numActive
       }),
       ...mapState('task', {
         taskItemInfoVisible: state => state.taskItemInfoVisible,
@@ -34,6 +42,14 @@
     watch: {
       downloadSpeed: function (val, oldVal) {
         showDownloadSpeedInDock(val)
+      },
+      numActive: function (val, oldVal) {
+        this.downloading = val > 0
+      },
+      downloading: function (val, oldVal) {
+        if (val !== oldVal && this.isRenderer) {
+          this.$electron.ipcRenderer.send('download-status-change', val)
+        }
       }
     },
     methods: {