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

fix(client): SideNav, if more than 1 child is expanded, only the first is shown, the rest disappear

Browse Source
This commit is contained in:
Valeriy S
2019-01-28 17:16:25 +03:00
committed by mrugesh mohapatra
parent c36ee82443
commit d13cb03810
1 changed files with 1 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,17 +74,10 @@ class NavPanel extends Component {
renderBody() { renderBody() {
const { hasChildren, children, isExpanded } = this.props; const { hasChildren, children, isExpanded } = this.props;
const childrenWithChildren = children.filter(child => child.props.children);
const uniqueChildren = children.filter(
child =>
!childrenWithChildren.some(
(potentialDupe, index) => index > 0 && potentialDupe.key === child.key
)
);
return ( return (
<div className={isExpanded ? 'body' : ''}> <div className={isExpanded ? 'body' : ''}>
<ul className='navPanelUl'> <ul className='navPanelUl'>
{hasChildren ? uniqueChildren : <NoArticles />} {hasChildren ? children : <NoArticles />}
</ul> </ul>
</div> </div>
); );