Massive change. Changed to react-scripts (webpack) for building. Changed to material-ui where applicable. Changed to CSS-in-JS.

app/src/reducers/consumers.js

@@ -0,0 +1,84 @@
+const initialState = {};
+
+const consumers = (state = initialState, action) =>
+{
+	switch (action.type)
+	{
+		case 'ADD_CONSUMER':
+		{
+			const { consumer } = action.payload;
+
+			return { ...state, [consumer.id]: consumer };
+		}
+
+		case 'REMOVE_CONSUMER':
+		{
+			const { consumerId } = action.payload;
+			const newState = { ...state };
+
+			delete newState[consumerId];
+
+			return newState;
+		}
+
+		case 'SET_CONSUMER_PAUSED':
+		{
+			const { consumerId, originator } = action.payload;
+			const consumer = state[consumerId];
+			let newConsumer;
+
+			if (originator === 'local')
+				newConsumer = { ...consumer, locallyPaused: true };
+			else
+				newConsumer = { ...consumer, remotelyPaused: true };
+
+			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')
+				newConsumer = { ...consumer, locallyPaused: false };
+			else
+				newConsumer = { ...consumer, remotelyPaused: false };
+
+			return { ...state, [consumerId]: newConsumer };
+		}
+
+		case 'SET_CONSUMER_EFFECTIVE_PROFILE':
+		{
+			const { consumerId, profile } = action.payload;
+			const consumer = state[consumerId];
+			const newConsumer = { ...consumer, profile };
+
+			return { ...state, [consumerId]: newConsumer };
+		}
+
+		case 'SET_CONSUMER_TRACK':
+		{
+			const { consumerId, track } = action.payload;
+			const consumer = state[consumerId];
+			const newConsumer = { ...consumer, track };
+
+			return { ...state, [consumerId]: newConsumer };
+		}
+
+		default:
+			return state;
+	}
+};
+
+export default consumers;