Lots of performance fixes

app/src/reducers/consumers.js

@@ -25,6 +25,7 @@ const consumers = (state = initialState, action) =>
 		{
 			const { consumerId, originator } = action.payload;
 			const consumer = state[consumerId];
+
 			let newConsumer;
 
 			if (originator === 'local')
@@ -35,19 +36,11 @@ const consumers = (state = initialState, action) =>
 			return { ...state, [consumerId]: newConsumer };
 		}
 
-		case 'SET_CONSUMER_VOLUME':
-		{
-			const { consumerId, volume } = action.payload;
-			const consumer = state[consumerId];
-			const newConsumer = { ...consumer, volume };
-
-			return { ...state, [consumerId]: newConsumer };
-		}
-
 		case 'SET_CONSUMER_RESUMED':
 		{
 			const { consumerId, originator } = action.payload;
 			const consumer = state[consumerId];
+
 			let newConsumer;
 
 			if (originator === 'local')

app/src/reducers/peerVolumes.js

@@ -0,0 +1,44 @@
+const initialState = {};
+
+const peerVolumes = (state = initialState, action) =>
+{
+	switch (action.type)
+	{
+		case 'SET_ME':
+		{
+			const {
+				peerName
+			} = action.payload;
+
+			return { ...state, [peerName]: 0 };
+		}
+		case 'ADD_PEER':
+		{
+			const { peer } = action.payload;
+
+			return { ...state, [peer.name]: 0 };
+		}
+
+		case 'REMOVE_PEER':
+		{
+			const { peerName } = action.payload;
+			const newState = { ...state };
+
+			delete newState[peerName];
+
+			return newState;
+		}
+
+		case 'SET_PEER_VOLUME':
+		{
+			const { peerName, volume } = action.payload;
+
+			return { ...state, [peerName]: volume };
+		}
+
+		default:
+			return state;
+	}
+};
+
+export default peerVolumes;

app/src/reducers/producers.js

@@ -25,6 +25,7 @@ const producers = (state = initialState, action) =>
 		{
 			const { producerId, originator } = action.payload;
 			const producer = state[producerId];
+
 			let newProducer;
 
 			if (originator === 'local')
@@ -35,19 +36,11 @@ const producers = (state = initialState, action) =>
 			return { ...state, [producerId]: newProducer };
 		}
 
-		case 'SET_PRODUCER_VOLUME':
-		{
-			const { producerId, volume } = action.payload;
-			const producer = state[producerId];
-			const newProducer = { ...producer, volume };
-
-			return { ...state, [producerId]: newProducer };
-		}
-
 		case 'SET_PRODUCER_RESUMED':
 		{
 			const { producerId, originator } = action.payload;
 			const producer = state[producerId];
+
 			let newProducer;
 
 			if (originator === 'local')

app/src/reducers/rootReducer.js

@@ -4,6 +4,7 @@ import me from './me';
 import producers from './producers';
 import peers from './peers';
 import consumers from './consumers';
+import peerVolumes from './peerVolumes';
 import notifications from './notifications';
 import chatmessages from './chatmessages';
 import toolarea from './toolarea';
@@ -15,6 +16,7 @@ export default combineReducers({
 	producers,
 	peers,
 	consumers,
+	peerVolumes,
 	notifications,
 	chatmessages,
 	toolarea,