Setting for 'play sound' & play sound only if on

Author: Emmanouil Konstantinidis

src/js/components/settings.js

@@ -13,8 +13,8 @@ var SettingsPage = React.createClass({
     };
   },
 
-  toggleParticipating: function (event) {
-    Actions.setSetting('participating', event.target.checked);
+  toggleSetting: function (key, event) {
+    Actions.setSetting(key, event.target.checked);
   },
 
   appQuit: function () {
@@ -29,7 +29,15 @@ var SettingsPage = React.createClass({
           <div className='col-xs-4'>
             <Toggle
               defaultChecked={this.state.participating}
-              onChange={this.toggleParticipating} />
+              onChange={this.toggleSetting.bind(this, 'participating')} />
+          </div>
+        </div>
+        <div className='row'>
+          <div className='col-xs-8'>Play sound</div>
+          <div className='col-xs-4'>
+            <Toggle
+              defaultChecked={this.state.participating}
+              onChange={this.toggleSetting.bind(this, 'play-sound')} />
           </div>
         </div>
         <div className='row'>

src/js/stores/notifications.js

@@ -49,6 +49,7 @@ var NotificationsStore = Reflux.createStore({
   onGetNotifications: function () {
     var self = this;
     var participating = SettingsStore.getSettings().participating;
+    var playSound = SettingsStore.getSettings().playSound;
 
     apiRequests
       .getAuth('https://api.github.com/notifications?participating=' +
@@ -58,7 +59,10 @@ var NotificationsStore = Reflux.createStore({
           // Success - Do Something.
           Actions.getNotifications.completed(response.body);
           self.updateTrayIcon(response.body);
-          self.isNewNotification(response.body);
+
+          if (playSound) {
+            self.isNewNotification(response.body);
+          }
         } else {
           // Error - Show messages.
           Actions.getNotifications.failed(err);

src/js/stores/settings.js

@@ -9,7 +9,8 @@ var SettingsStore = Reflux.createStore({
 
     if (!settings) {
       settings = {
-        'participating': false
+        'participating': false,
+        'playSound': true
       };
     }