From d2eb18fb1ff631c71eabeb9391305f07a7c48c36 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sun, 22 Oct 2017 11:10:37 -0700
Subject: [PATCH] Improve perf with mapStateToProps scoping

---
 js/components/MainWindow/MonoStereo.js | 4 +++-
 js/components/Volume.js                | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/js/components/MainWindow/MonoStereo.js b/js/components/MainWindow/MonoStereo.js
index 7d9ca275..fafbe525 100644
--- a/js/components/MainWindow/MonoStereo.js
+++ b/js/components/MainWindow/MonoStereo.js
@@ -12,4 +12,6 @@ const MonoStereo = props => (
   </div>
 );
 
-export default connect(state => state.media)(MonoStereo);
+export default connect(state => ({ channels: state.media.channels }))(
+  MonoStereo
+);
diff --git a/js/components/Volume.js b/js/components/Volume.js
index bec2031f..f68062e8 100644
--- a/js/components/Volume.js
+++ b/js/components/Volume.js
@@ -21,7 +21,9 @@ const Volume = props => (
   />
 );
 
-const mapStateToProps = state => state.media;
+const mapStateToProps = state => ({
+  volume: state.media.volume
+});
 
 const mapDispatchToProps = dispatch => ({
   showMarquee: () => dispatch({ type: SET_FOCUS, input: "volume" }),