From fa08b96d87bcc4f494dd4ec31304f1f026a3645b Mon Sep 17 00:00:00 2001
From: Valeriy <ValeraS@users.noreply.github.com>
Date: Sun, 20 Jan 2019 16:11:27 +0300
Subject: [PATCH] fix(client): navigate only on title click in guide side nav
 panel

---
 .../components/layouts/components/guide/NavPanel.js    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/src/components/layouts/components/guide/NavPanel.js b/client/src/components/layouts/components/guide/NavPanel.js
index 6d57df984b..f2e271fbd8 100644
--- a/client/src/components/layouts/components/guide/NavPanel.js
+++ b/client/src/components/layouts/components/guide/NavPanel.js
@@ -42,17 +42,23 @@ class NavPanel extends Component {
 
     this.renderHeader = this.renderHeader.bind(this);
     this.handleHeaderClick = this.handleHeaderClick.bind(this);
+    this.handleTitleClick = this.handleTitleClick.bind(this);
     this.renderBody = this.renderBody.bind(this);
   }
 
   handleHeaderClick() {
     const { path, handleClick } = this.props;
     handleClick(path);
+  }
+
+  handleTitleClick() {
+    const { path, toggleDisplaySideNav } = this.props;
+    toggleDisplaySideNav();
     navigate(path);
   }
 
   renderHeader() {
-    const { isExpanded, title, toggleDisplaySideNav } = this.props;
+    const { isExpanded, title } = this.props;
     return (
       <div className='title' onClick={this.handleHeaderClick}>
         <span
@@ -60,7 +66,7 @@ class NavPanel extends Component {
             'caret ' + (isExpanded ? 'caretStyle expanded' : 'caretStyle')
           }
         />
-        <span onClick={toggleDisplaySideNav}>{title}</span>
+        <span onClick={this.handleTitleClick}>{title}</span>
       </div>
     );
   }