diff --git a/src/js/components/Fields/OutputControl.js b/src/js/components/Fields/OutputControl.js
index 0bb998a0..3318146a 100755
--- a/src/js/components/Fields/OutputControl.js
+++ b/src/js/components/Fields/OutputControl.js
@@ -6,6 +6,7 @@ import { bindActionCreators } from 'redux';
import VolumeControl from './VolumeControl';
import MuteControl from './MuteControl';
import Icon from '../Icon';
+import DropdownField from './DropdownField';
import * as helpers from '../../helpers';
import * as coreActions from '../../services/core/actions';
@@ -54,6 +55,9 @@ class OutputControl extends React.Component {
}
renderOutputs() {
+ const {
+ snapcast_streams,
+ } = this.props;
let has_outputs = false;
const groups = [];
@@ -62,6 +66,10 @@ class OutputControl extends React.Component {
groups.push(this.props.snapcast_groups[key]);
}
}
+
+ const streams = Object.keys(snapcast_streams).map(
+ (id) => ({ value: id, label: id })
+ );
let snapcast_groups = null;
if (groups.length > 0) {
@@ -75,6 +83,14 @@ class OutputControl extends React.Component {
{group.name}
+ this.props.snapcastActions.setGroupStream(group.id, value)}
+ />
({
snapcast_enabled: (state.pusher.config ? state.pusher.config.snapcast_enabled : null),
show_disconnected_clients: (state.ui.snapcast_show_disconnected_clients !== undefined ? state.ui.snapcast_show_disconnected_clients : false),
snapcast_groups: state.snapcast.groups,
+ snapcast_streams: state.snapcast.streams,
pusher_commands: (state.pusher.commands ? state.pusher.commands : {}),
});