From 22abc5faaa51cac5adc6be378ab05f3b8c61d607 Mon Sep 17 00:00:00 2001
From: Olzzon <github@olzzon.dk>
Date: Fri, 22 Nov 2019 11:11:11 +0100
Subject: [PATCH] fix: toggleShowChannelStrip toggle between channels

---
 src/components/ChanStrip.tsx    | 7 +++----
 src/reducers/settingsReducer.ts | 7 ++++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/ChanStrip.tsx b/src/components/ChanStrip.tsx
index 33106ed3..304a6fb0 100644
--- a/src/components/ChanStrip.tsx
+++ b/src/components/ChanStrip.tsx
@@ -29,14 +29,13 @@ class ChanStrip extends React.PureComponent<IChanStripProps & IChanStripInjectPr
 
     constructor(props: any) {
         super(props);
-        this.faderIndex = this.props.faderIndex;
         this.mixerProtocol = MixerProtocolPresets[this.props.selectedProtocol];
     }
 
     handleShowRoutingOptions() {
         this.props.dispatch({
             type: TOGGLE_SHOW_OPTION,
-            channel: this.faderIndex
+            channel: this.props.faderIndex
         });
         this.props.dispatch({
             type: TOGGLE_SHOW_CHAN_STRIP,
@@ -64,7 +63,7 @@ class ChanStrip extends React.PureComponent<IChanStripProps & IChanStripInjectPr
                     min={0}
                     max={1}
                     step={0.01}
-                    value= {this.props.fader[this.faderIndex].faderLevel}
+                    value= {this.props.fader[this.props.faderIndex].faderLevel}
                     onChange={(event: any) => {
                     }}
                 />
@@ -77,7 +76,7 @@ class ChanStrip extends React.PureComponent<IChanStripProps & IChanStripInjectPr
             <div className="chan-strip-body">
                 <h2>
                     CHANNEL STRIP: 
-                    {this.props.label || ("FADER " + (this.faderIndex + 1))}</h2>
+                    {this.props.label || ("FADER " + (this.props.faderIndex + 1))}</h2>
                 <button 
                     className="close"
                     onClick={() => this.handleClose()}
diff --git a/src/reducers/settingsReducer.ts b/src/reducers/settingsReducer.ts
index 9da25699..d9c69379 100644
--- a/src/reducers/settingsReducer.ts
+++ b/src/reducers/settingsReducer.ts
@@ -81,7 +81,12 @@ export const settings = (state = defaultSettingsReducerState, action: any): Arra
             nextState[0].showSettings = !nextState[0].showSettings;
             return nextState;
         case TOGGLE_SHOW_CHAN_STRIP:
-            nextState[0].showChanStrip = action.channel;
+            if (nextState[0].showChanStrip !== action.channel) {
+                nextState[0].showChanStrip = action.channel;
+            }
+            else {
+                nextState[0].showChanStrip = -1;
+            }
             return nextState;
         case TOGGLE_SHOW_OPTION:
             nextState[0].showOptions = typeof nextState[0].showOptions === 'number' ? false : action.channel;