In the recent update, I have commented the old createMenuTray function in main.ts
the task for this issue to reimplement the basic version of the tray icon. First, make sure you have done npm install in your latest pull. Then,
- Create a
tray-icon.ts config file just like browser-window.ts which will export the object from contextMenu like:
const contextMenu = Menu.buildFromTemplate([
{ label: 'Item1', type: 'radio' },
{ label: 'Item2', type: 'radio' },
{ label: 'Item3', type: 'radio', checked: true },
{ label: 'Item4', type: 'radio' }
])
-
Right now, we only need one option in the menu Quit which will quit the app.
-
after you write this config file import it on main.ts and use inside createMenuTray and uncomment the call statement of this function.
-
Make sure you use the current tray icon image, residing at src/assets/images/tray.png
That's all test your changes and feel free to ask any questions
Find the docs for tray here: https://www.electronjs.org/docs/api/tray
In the recent update, I have commented the old createMenuTray function in
main.tsthe task for this issue to reimplement the basic version of the tray icon. First, make sure you have done
npm installin your latest pull. Then,tray-icon.tsconfig file just likebrowser-window.tswhich will export the object from contextMenu like:Right now, we only need one option in the menu
Quitwhich will quit the app.after you write this config file import it on
main.tsand use insidecreateMenuTrayand uncomment the call statement of this function.Make sure you use the current tray icon image, residing at
src/assets/images/tray.pngThat's all test your changes and feel free to ask any questions
Find the docs for tray here: https://www.electronjs.org/docs/api/tray