diff --git a/js/components/EqualizerWindow.js b/js/components/EqualizerWindow.js
index 7b112feb..46f201ed 100644
--- a/js/components/EqualizerWindow.js
+++ b/js/components/EqualizerWindow.js
@@ -23,14 +23,14 @@ import "../../css/equalizer-window.css";
const bandClassName = band => `band-${band}`;
const EqualizerWindow = props => {
- const { doubled } = props.display;
+ const { doubled, selected, closed } = props;
const className = classnames({
+ selected,
+ closed,
+ doubled,
window: true,
- selected: props.windows.focused === WINDOWS.EQUALIZER,
- closed: !props.windows.equalizer,
- draggable: true,
- doubled
+ draggable: true
});
return (
{
);
};
+EqualizerWindow.propTypes = {
+ doubled: React.PropTypes.bool.isRequired,
+ selected: React.PropTypes.bool.isRequired,
+ closed: React.PropTypes.bool.isRequired
+};
+
const mapDispatchToProps = dispatch => ({
focusWindow: () =>
dispatch({ type: SET_FOCUSED_WINDOW, window: WINDOWS.EQUALIZER }),
@@ -66,8 +72,13 @@ const mapDispatchToProps = dispatch => ({
setEqToMin: () => dispatch(setEqToMin()),
setEqToMid: () => dispatch(setEqToMid()),
setEqToMax: () => dispatch(setEqToMax()),
- setHertzValue: hertz => e => dispatch(setEqBand(hertz, e.target.value)),
- dispatch
+ setHertzValue: hertz => value => dispatch(setEqBand(hertz, value))
});
-export default connect(state => state, mapDispatchToProps)(EqualizerWindow);
+const mapStateToProps = state => ({
+ doubled: state.display.doubled,
+ selected: state.windows.focused === WINDOWS.EQUALIZER,
+ closed: !state.windows.equalizer
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(EqualizerWindow);