feat(icons): add offline icon

src/main/icons.test.ts

@@ -10,6 +10,8 @@ describe('main/icons.ts', () => {
       'assets/images/tray-idle-white.png',
     );
 
+    expect(TrayIcons.offline).toContain('assets/images/tray-offline.png');
+
     expect(TrayIcons.error).toContain('assets/images/tray-error.png');
   });
 });

src/main/icons.ts

@@ -4,6 +4,7 @@ export const TrayIcons = {
   active: getIconPath('tray-active.png'),
   idle: getIconPath('tray-idleTemplate.png'),
   idleAlternate: getIconPath('tray-idle-white.png'),
+  offline: getIconPath('tray-offline.png'),
   error: getIconPath('tray-error.png'),
 };
 

src/main/index.ts

@@ -5,6 +5,7 @@ import {
   type BrowserWindowConstructorOptions,
   globalShortcut,
   nativeTheme,
+  net,
   safeStorage,
   shell,
 } from 'electron';
@@ -151,6 +152,11 @@ app.whenReady().then(async () => {
 
   onMainEvent(EVENTS.UPDATE_ICON_COLOR, (_, notificationsCount: number) => {
     if (!mb.tray.isDestroyed()) {
+      if (!net.isOnline()) {
+        setOfflineIcon();
+        return;
+      }
+
       if (notificationsCount < 0) {
         setErrorIcon();
         return;
@@ -232,6 +238,10 @@ function setActiveIcon() {
   }
 }
 
+function setOfflineIcon() {
+  mb.tray.setImage(TrayIcons.offline);
+}
+
 function setErrorIcon() {
   mb.tray.setImage(TrayIcons.error);
 }