gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): navigate only on title click in guide side nav panel

Browse Source
This commit is contained in:
Valeriy
2019-01-20 16:11:27 +03:00
committed by mrugesh mohapatra
parent 5b2f2a1466
commit fa08b96d87
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/layouts/components/guide/NavPanel.js
View File

@ -42,17 +42,23 @@ class NavPanel extends Component {
this.renderHeader = this.renderHeader.bind(this); this.renderHeader = this.renderHeader.bind(this);
this.handleHeaderClick = this.handleHeaderClick.bind(this); this.handleHeaderClick = this.handleHeaderClick.bind(this);
this.handleTitleClick = this.handleTitleClick.bind(this);
this.renderBody = this.renderBody.bind(this); this.renderBody = this.renderBody.bind(this);
} }
handleHeaderClick() { handleHeaderClick() {
const { path, handleClick } = this.props; const { path, handleClick } = this.props;
handleClick(path); handleClick(path);
}
handleTitleClick() {
const { path, toggleDisplaySideNav } = this.props;
toggleDisplaySideNav();
navigate(path); navigate(path);
} }
renderHeader() { renderHeader() {
const { isExpanded, title, toggleDisplaySideNav } = this.props; const { isExpanded, title } = this.props;
return ( return (
<div className='title' onClick={this.handleHeaderClick}> <div className='title' onClick={this.handleHeaderClick}>
<span <span
@ -60,7 +66,7 @@ class NavPanel extends Component {
'caret ' + (isExpanded ? 'caretStyle expanded' : 'caretStyle') 'caret ' + (isExpanded ? 'caretStyle expanded' : 'caretStyle')
} }
/> />
<span onClick={toggleDisplaySideNav}>{title}</span> <span onClick={this.handleTitleClick}>{title}</span>
</div> </div>
); );
} }