Alamantus
/
Lexiconga
mirror of https://github.com/Alamantus/Lexiconga.git
1
0
Fork 0
Code Issues Releases Activity

Only show Additional custom tabs if they exist

This commit is contained in:
Robbie Antenesse 2017-12-22 09:01:46 -07:00
parent a05fd9c48d
commit d6915ce661
1 changed files with 26 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/display/DictionaryDetails/DetailsSection/index.jsx
View File

@ -32,38 +32,35 @@ export class DetailsSection extends Component {
}
}
mapCustomMenuItems (customTabs) {
return customTabs.map(tab => {
return tab.name;
});
}
displayMenu () {
const { details } = this.props;
let additionalMenu = (
<div>
<p className='menu-label'>
Additional
</p>
<ul className='menu-list'>
{
details.custom.map((tab, index) => {
const tabId = index + this.defaultMenuItems.length;
return (
<li key={ `customTab_${ tabId }_${ Date.now().toString() }` }>
<a className={(this.state.currentDisplay === tabId) ? 'is-active' : null}
onClick={ () => this.setState({ currentDisplay: tabId }) }
>
{ tab.name }
</a>
</li>
);
})
}
</ul>
</div>
);
let additionalMenu = null
if (details.hasOwnProperty('custom') && details.custom.length > 0) {
additionalMenu = (
<div>
<p className='menu-label'>
Additional
</p>
<ul className='menu-list'>
{
details.custom.map((tab, index) => {
const tabId = index + this.defaultMenuItems.length;
return (
<li key={ `customTab_${ tabId }_${ Date.now().toString() }` }>
<a className={(this.state.currentDisplay === tabId) ? 'is-active' : null}
onClick={ () => this.setState({ currentDisplay: tabId }) }
>
{ tab.name }
</a>
</li>
);
})
}
</ul>
</div>
);
}
return (
<div className='details-menu'>