|
|
|
@ -77,9 +77,7 @@ export default class ComposerOptionsDropdownContent extends React.PureComponent
|
|
|
|
|
document.removeEventListener('touchend', this.handleDocumentClick, withPassive);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
handleClick = (e) => {
|
|
|
|
|
const name = e.currentTarget.getAttribute('data-index');
|
|
|
|
|
|
|
|
|
|
handleClick = (name, e) => {
|
|
|
|
|
const {
|
|
|
|
|
onChange,
|
|
|
|
|
onClose,
|
|
|
|
@ -103,9 +101,8 @@ export default class ComposerOptionsDropdownContent extends React.PureComponent
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
handleKeyDown = e => {
|
|
|
|
|
handleKeyDown = (name, e) => {
|
|
|
|
|
const { items } = this.props;
|
|
|
|
|
const name = e.currentTarget.getAttribute('data-index');
|
|
|
|
|
const index = items.findIndex(item => {
|
|
|
|
|
return (item.name === name);
|
|
|
|
|
});
|
|
|
|
@ -183,7 +180,7 @@ export default class ComposerOptionsDropdownContent extends React.PureComponent
|
|
|
|
|
let prefix = null;
|
|
|
|
|
|
|
|
|
|
if (on !== null && typeof on !== 'undefined') {
|
|
|
|
|
prefix = <Toggle checked={on} onChange={this.handleClick} />;
|
|
|
|
|
prefix = <Toggle checked={on} onChange={this.handleClick.bind(this, name)} />;
|
|
|
|
|
} else if (icon) {
|
|
|
|
|
prefix = <Icon className='icon' fixedWidth id={icon} />
|
|
|
|
|
}
|
|
|
|
@ -191,8 +188,8 @@ export default class ComposerOptionsDropdownContent extends React.PureComponent
|
|
|
|
|
return (
|
|
|
|
|
<div
|
|
|
|
|
className={computedClass}
|
|
|
|
|
onClick={this.handleClick}
|
|
|
|
|
onKeyDown={this.handleKeyDown}
|
|
|
|
|
onClick={this.handleClick.bind(this, name)}
|
|
|
|
|
onKeyDown={this.handleKeyDown.bind(this, name)}
|
|
|
|
|
role='option'
|
|
|
|
|
tabIndex='0'
|
|
|
|
|
key={name}
|
|
|
|
|