From 37d5fdeefc547ccf10d29565e4c9a7d61357a200 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Wed, 22 Apr 2020 10:30:29 +0200
Subject: [PATCH] Proper state handling

---
 app/src/components/PeerAudio/AudioPeers.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/components/PeerAudio/AudioPeers.js b/app/src/components/PeerAudio/AudioPeers.js
index 8109ac4..2b0a951 100644
--- a/app/src/components/PeerAudio/AudioPeers.js
+++ b/app/src/components/PeerAudio/AudioPeers.js
@@ -3,7 +3,6 @@ import { connect } from 'react-redux';
 import { micConsumerSelector } from '../Selectors';
 import PropTypes from 'prop-types';
 import PeerAudio from './PeerAudio';
-import settings from '../../reducers/settings';
 
 const AudioPeers = (props) =>
 {
@@ -21,7 +20,7 @@ const AudioPeers = (props) =>
 						<PeerAudio
 							key={micConsumer.id}
 							audioTrack={micConsumer.track}
-							audioOutputDevice={audioOutputDevice}			
+							audioOutputDevice={audioOutputDevice}
 						/>
 					);
 				})
@@ -39,7 +38,7 @@ AudioPeers.propTypes =
 const mapStateToProps = (state) =>
 	({
 		micConsumers      : micConsumerSelector(state),
-		audioOutputDevice : settings.selectedAudioOutputDevice
+		audioOutputDevice : state.settings.selectedAudioOutputDevice
 	});
 
 const AudioPeersContainer = connect(
@@ -50,7 +49,8 @@ const AudioPeersContainer = connect(
 		areStatesEqual : (next, prev) =>
 		{
 			return (
-				prev.consumers === next.consumers
+				prev.consumers === next.consumers &&
+				prev.settings === next.settings
 			);
 		}
 	}