toggle right panel when clicking already active header button

src/components/views/right_panel/HeaderButton.js

@@ -36,6 +36,7 @@ export default class HeaderButton extends React.Component {
         dis.dispatch({
             action: 'view_right_panel_phase',
             phase: this.props.clickPhase,
+            fromHeader: true,
         });
     }
 

src/components/views/right_panel/HeaderButtons.js

@@ -49,9 +49,24 @@ export default class HeaderButtons extends React.Component {
 
     onAction(payload) {
         if (payload.action === "view_right_panel_phase") {
-            this.setState({
+            // only actions coming from header buttons should collapse the right panel
-                phase: payload.phase,
+            if (this.state.phase === payload.phase && payload.fromHeader) {
-            });
+                dis.dispatch({
+                    action: 'hide_right_panel',
+                });
+                this.setState({
+                    phase: null,
+                });
+            } else {
+                if (!this.state.phase) {
+                    dis.dispatch({
+                        action: 'show_right_panel',
+                    });
+                }
+                this.setState({
+                    phase: payload.phase,
+                });
+            }
         }
     }