zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-05-23 23:45:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve context menu

Browse Source
This commit is contained in:
John Furrow
2016-03-19 15:24:52 +01:00
parent 943e5e60a8
commit 5112331915
6 changed files with 45 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/source/scripts/components/ui/ContextMenu.js
+20 -8
View File
@@ -88,7 +88,11 @@ export default class ContextMenu extends React.Component {
getMenuItems(items) {
return items.map((item, index) => {
let labelAction, labelSecondary;
let labelAction, labelSecondary, menuItemContent;
let menuItemClasses = classnames('menu__item', {
'is-selectable': item.clickHandler,
'menu__item--separator': item.type === 'separator'
});
let primaryLabelClasses = classnames('menu__item__label--primary', {
'has-action': item.labelAction
});
@@ -109,15 +113,23 @@ export default class ContextMenu extends React.Component {
);
}
return (
<li className="menu__item is-selectable" key={index} onClick={this.handleMenuItemClick.bind(this, item)}>
<span className={primaryLabelClasses}>
<span className="menu__item__label">
{item.label}
if (item.type !== 'separator') {
menuItemContent = (
<span>
<span className={primaryLabelClasses}>
<span className="menu__item__label">
{item.label}
</span>
{labelAction}
</span>
{labelAction}
{labelSecondary}
</span>
{labelSecondary}
);
}
return (
<li className={menuItemClasses} key={index} onClick={this.handleMenuItemClick.bind(this, item)}>
{menuItemContent}
</li>
);
});