From d659eec7ab967c2845a16e4ca19a04b1eaceced1 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Thu, 20 Oct 2016 17:40:18 +1300
Subject: [PATCH] Volume controlled; Volume change only trigger event if volume
 is different

---
 src/js/bootstrap.js               | 4 +++-
 src/js/components/VolumeSlider.js | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/js/bootstrap.js b/src/js/bootstrap.js
index e0693d88..e4a1bb01 100755
--- a/src/js/bootstrap.js
+++ b/src/js/bootstrap.js
@@ -20,7 +20,9 @@ let reducers = combineReducers({
 var initialState = {
 	mopidy: {
 		host: window.location.hostname,
-		port: 6680
+		port: 6680,
+		volume: 0,
+		progress: 0
 	},
 	spotify: {
 		country: 'NZ',
diff --git a/src/js/components/VolumeSlider.js b/src/js/components/VolumeSlider.js
index c82b5244..459dcaa7 100755
--- a/src/js/components/VolumeSlider.js
+++ b/src/js/components/VolumeSlider.js
@@ -16,7 +16,10 @@ export default class VolumeSlider extends React.Component{
 	}
 
 	handleChange(e){
-		this.props.onChange( parseInt(e.target.value) )
+		var newVolume = parseInt(e.target.value);
+		if( this.props.volume != newVolume ){
+			this.props.onChange( newVolume )
+		}
 	}
 
 	render(){