Show Notifications settings

Author: Emmanouil Konstantinidis

src/js/components/settings.js

@@ -11,7 +11,8 @@ var SettingsPage = React.createClass({
     var settings = SettingsStore.getSettings();
     return {
       participating: settings.participating,
-      playSound: settings.playSound
+      playSound: settings.playSound,
+      showNotifications: settings.showNotifications
     };
   },
 
@@ -42,6 +43,14 @@ var SettingsPage = React.createClass({
               onChange={this.toggleSetting.bind(this, 'playSound')} />
           </div>
         </div>
+        <div className='row'>
+          <div className='col-xs-8'>Show notifications</div>
+          <div className='col-xs-4'>
+            <Toggle
+              defaultChecked={this.state.showNotifications}
+              onChange={this.toggleSetting.bind(this, 'showNotifications')} />
+          </div>
+        </div>
         <div className='row'>
           <button
             className='btn btn-block btn-danger btn-close'

src/js/stores/notifications.js

@@ -25,9 +25,9 @@ var NotificationsStore = Reflux.createStore({
   isNewNotification: function (response) {
     var self = this;
     var playSound = SettingsStore.getSettings().playSound;
-    var showNotification = SettingsStore.getSettings().showNotification;
+    var showNotifications = SettingsStore.getSettings().showNotifications;
 
-    if (!playSound && !showNotification) { return; }
+    if (!playSound && !showNotifications) { return; }
 
     // Check if notification is already in the store.
     var countNew = 0;
@@ -43,10 +43,10 @@ var NotificationsStore = Reflux.createStore({
         var audio = new Audio('sounds/digi.wav');
         audio.play();
       }
-      if (showNotification) {
-        var body = (countNew = 1 ?
+      if (showNotifications) {
+        var body = (countNew == 1 ?
           'You\'ve got a new notification' :
-          'You\'ve got ' + countNew + 'notifications');
+          'You\'ve got ' + countNew + ' notifications.');
         var nativeNotification = new Notification('Gitify', {
           body: body
         });

src/js/stores/settings.js

@@ -9,16 +9,28 @@ var SettingsStore = Reflux.createStore({
 
     if (!settings) {
       settings = {
-        'participating': false,
-        'playSound': true
+        participating: false,
+        playSound: true,
+        showNotifications: true
       };
     }
 
     if (settings[0] === '{') {
       settings = JSON.parse(settings);
     }
 
+    if (!settings.participating) {
+      settings.participating = false;
+    }
+    if (!settings.playSound) {
+      settings.playSound = true;
+    }
+    if (!settings.showNotifications) {
+      settings.showNotifications = true;
+    }
+
     this._settings = settings;
+    window.localStorage.setItem('settings', JSON.stringify(this._settings));
   },
 
   getSettings: function () {