diff --git a/src/js/components/Fields/OutputControl.js b/src/js/components/Fields/OutputControl.js index 065c8eea3..1bee0bb26 100755 --- a/src/js/components/Fields/OutputControl.js +++ b/src/js/components/Fields/OutputControl.js @@ -1,15 +1,12 @@ import React, { useState, useEffect } from 'react'; -import { connect, useSelector, useDispatch } from 'react-redux'; -import { bindActionCreators } from 'redux'; -import { find, groupBy, map } from 'lodash'; +import { useSelector, useDispatch } from 'react-redux'; +import { find, groupBy, map, isEmpty } from 'lodash'; import VolumeControl from './VolumeControl'; import MuteControl from './MuteControl'; import Icon from '../Icon'; import Thumbnail from '../Thumbnail'; import LinksSentence from '../LinksSentence'; import DropdownField from './DropdownField'; -import * as coreActions from '../../services/core/actions'; -import * as mopidyActions from '../../services/mopidy/actions'; import * as pusherActions from '../../services/pusher/actions'; import * as snapcastActions from '../../services/snapcast/actions'; import { sortItems, indexToArray } from '../../util/arrays'; @@ -166,18 +163,10 @@ const Group = ({ }; const Outputs = () => { - const snapcastEnabled = useSelector((state) => state.snapcast.enabled); const allGroups = indexToArray(useSelector((state) => state.snapcast.groups || {})); const allStreams = useSelector((state) => state.snapcast.streams || {}); const allServers = indexToArray(useSelector((state) => state.mopidy.servers || {})); const groupsByStream = groupBy(allGroups, 'stream_id'); - if (!snapcastEnabled) { - return ( -
-