Add tray menu

4 files changed, 28 insertions, 0 deletions

diff --git a/app/assets/trayicon.png b/app/assets/trayicon.png
new file mode 100644
index 0000000000..3888745a8f
--- /dev/null
+++ b/app/assets/trayicon.png
diff --git a/app/assets/trayicon@2x.png b/app/assets/trayicon@2x.png
new file mode 100644
index 0000000000..3b5f364903
--- /dev/null
+++ b/app/assets/trayicon@2x.png
diff --git a/app/main.js b/app/main.js
index e923df1a8b..001a28c863 100644
--- a/app/main.js
+++ b/app/main.js
@@ -1,6 +1,7 @@
 import path from 'path';
 import url from 'url';
 import {app, crashReporter, BrowserWindow, Menu} from 'electron';
+import trayMenu from './tray';
 
 const isDevelopment = (process.env.NODE_ENV === 'development');
 
@@ -51,6 +52,9 @@ app.on('ready', async () => {
     show: false 
   });
 
+  // initialize tray menu
+  trayMenu.setup();
+
   mainWindow.loadURL(url.format({
     pathname: path.join(__dirname, 'index.html'),
     protocol: 'file:',
diff --git a/app/tray.js b/app/tray.js
new file mode 100644
index 0000000000..c93b207d0d
--- /dev/null
+++ b/app/tray.js
@@ -0,0 +1,24 @@
+import path from 'path';
+import { app, Menu, Tray } from 'electron';
+
+class TrayMenu {
+
+  trayImpl = null;
+
+  setup() {
+    const iconPath = path.join(__dirname, "assets/trayicon.png");
+    this.trayImpl = new Tray(iconPath);
+
+    const contextMenu = Menu.buildFromTemplate([
+      {label: 'Item1', type: 'radio'},
+      {label: 'Item2', type: 'radio'},
+      {label: 'Item3', type: 'radio', checked: true},
+      {label: 'Item4', type: 'radio'}
+    ]);
+
+    this.trayImpl.setContextMenu(contextMenu);
+  }
+  
+}
+
+module.exports = new TrayMenu();