Add adjustable delay for marking newly selected sessions as read (air…

…dcpp-web/airdcpp-webclient#1)

src/decorators/ActiveSessionDecorator.jsx

@@ -1,6 +1,8 @@
 'use strict';
 import React from 'react';
 
+import LocalSettingStore from 'stores/LocalSettingStore';
+import { LocalSettings } from 'constants/SettingConstants';
 
 // This decorator will fire updates for currently active session
 // and set them as read
@@ -11,14 +13,23 @@ export default function (Component) {
 			actions: React.PropTypes.object, // Required (cloned)
 		},
 
+		setRead(id) {
+			this.props.actions.setRead(id);
+			this.readTimeout = null;
+		},
+
 		setSession(id) {
-			const { actions } = this.props;
-			actions.sessionChanged(id);
+			if (this.readTimeout) {
+				clearTimeout(this.readTimeout);
+				this.setRead(this.props.session.id);
+			}
+
+			this.props.actions.sessionChanged(id);
 			if (!id) {
 				return;
 			}
 
-			actions.setRead(id);
+			this.readTimeout = setTimeout(_ => this.setRead(id), LocalSettingStore.getValue(LocalSettings.UNREAD_LABEL_DELAY) * 1000);
 		},
 
 		componentDidMount() {

src/routes/Settings/components/SaveButton.jsx

@@ -17,7 +17,7 @@ const SaveButton = React.createClass({
 		 */
 		saveHandler: React.PropTypes.func.isRequired,
 
-		local: React.PropTypes.bool.isRequired,
+		local: React.PropTypes.bool,
 	},
 
 	getInitialState() {

src/stores/LocalSettingStore.js

@@ -32,7 +32,7 @@ const Settings = [
 		title: 'Error events',
 	}, {
 		key: LocalSettings.UNREAD_LABEL_DELAY,
-		defaultValue: 0,
+		defaultValue: 2,
 		title: 'Delay for marking sessions as read',
 		unit: 'seconds',
 	}