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

app/src/reducers/producers.js

@@ -0,0 +1,75 @@
+const initialState = {};
+
+const producers = (state = initialState, action) =>
+{
+	switch (action.type)
+	{
+		case 'ADD_PRODUCER':
+		{
+			const { producer } = action.payload;
+
+			return { ...state, [producer.id]: producer };
+		}
+
+		case 'REMOVE_PRODUCER':
+		{
+			const { producerId } = action.payload;
+			const newState = { ...state };
+
+			delete newState[producerId];
+
+			return newState;
+		}
+
+		case 'SET_PRODUCER_PAUSED':
+		{
+			const { producerId, originator } = action.payload;
+			const producer = state[producerId];
+			let newProducer;
+
+			if (originator === 'local')
+				newProducer = { ...producer, locallyPaused: true };
+			else
+				newProducer = { ...producer, remotelyPaused: true };
+
+			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')
+				newProducer = { ...producer, locallyPaused: false };
+			else
+				newProducer = { ...producer, remotelyPaused: false };
+
+			return { ...state, [producerId]: newProducer };
+		}
+
+		case 'SET_PRODUCER_TRACK':
+		{
+			const { producerId, track } = action.payload;
+			const producer = state[producerId];
+			const newProducer = { ...producer, track };
+
+			return { ...state, [producerId]: newProducer };
+		}
+
+		default:
+			return state;
+	}
+};
+
+export default producers;