Integrate system notification to autoUpdater

app.js

@@ -14,7 +14,7 @@ const { app, BrowserWindow, ipcMain } = require('electron');
 const { autoUpdater } = require('electron-updater');
 
 // Place a BrowserWindow in center of primary display
-const centerOnPrimaryDisplay = require('./app/helpers/center-on-primary-display');
+const centerOnPrimaryDisplay = require('./helpers/center-on-primary-display');
 
 // Prevent Linux GPU Bug
 // https://github.com/electron/electron/issues/4322

app/components/layout/AppUpdate.jsx

@@ -2,8 +2,9 @@
 import React, { PureComponent } from 'react';
 import openDialog from '../../renderers/dialog';
 import { Circle } from 'rc-progress';
-const ipc = require('electron').ipcRenderer
 import i18n from '../../../i18n/i18n';
+import { Notify } from '../../../helpers/notify';
+const ipc = require('electron').ipcRenderer
 
 // Styled Components
 import styled, { keyframes } from 'styled-components';
@@ -104,6 +105,12 @@ class AppUpdate extends PureComponent {
     });
 
     ipc.on('update-downloaded', () => {
+      // Send notification
+      Notify({
+        title: i18n.t('dialog:appUpdate:downloaded:title'),
+        body: i18n.t('dialog:appUpdate:downloaded:message'),
+      });
+      // Open Dialog
       openDialog(
         {
           type: 'info',

app/renderers/dialog.js

@@ -8,7 +8,7 @@ const { BrowserWindow } = require('electron').remote;
 // Custom Libs
 const sounds = require('../../libs/sounds.js');
 
-const centerOnPrimaryDisplay = require('../helpers/center-on-primary-display');
+const centerOnPrimaryDisplay = require('../../helpers/center-on-primary-display');
 
 function showModalWindow(dialogOptions, returnChannel = '', ...rest) {
   const width = 450;

helpers/notify.js

@@ -0,0 +1,6 @@
+const Notify = ({ title, body }) =>
+  new Notification(title, {
+    body,
+  });
+
+module.exports = { Notify };

preview/containers/MainContent.jsx

@@ -5,7 +5,7 @@ import { connect } from 'react-redux';
 import { compose } from 'recompose';
 import { translate } from 'react-i18next';
 const ipc = require('electron').ipcRenderer;
-import { Notify } from '../helper/notify';
+import { Notify } from '../../helpers/notify';
 
 // Actions
 import * as ActionsCreator from '../actions';