|
|
|
@ -80,7 +80,7 @@ class Search extends PureComponent { |
|
|
|
|
|
|
|
|
|
handleKeyDown = (e) => { |
|
|
|
|
const { selectedOption } = this.state; |
|
|
|
|
const options = this._getOptions().concat(this.defaultOptions); |
|
|
|
|
const options = searchEnabled ? this._getOptions().concat(this.defaultOptions) : this._getOptions(); |
|
|
|
|
|
|
|
|
|
switch(e.key) { |
|
|
|
|
case 'Escape': |
|
|
|
@ -353,15 +353,19 @@ class Search extends PureComponent { |
|
|
|
|
</> |
|
|
|
|
)} |
|
|
|
|
|
|
|
|
|
<h4><FormattedMessage id='search_popout.options' defaultMessage='Search options' /></h4> |
|
|
|
|
{searchEnabled && ( |
|
|
|
|
<> |
|
|
|
|
<h4><FormattedMessage id='search_popout.options' defaultMessage='Search options' /></h4> |
|
|
|
|
|
|
|
|
|
<div className='search__popout__menu'> |
|
|
|
|
{this.defaultOptions.map(({ key, label, action }, i) => ( |
|
|
|
|
<button key={key} onMouseDown={action} className={classNames('search__popout__menu__item', { selected: selectedOption === (options.length + i) })}> |
|
|
|
|
{label} |
|
|
|
|
</button> |
|
|
|
|
))} |
|
|
|
|
</div> |
|
|
|
|
<div className='search__popout__menu'> |
|
|
|
|
{this.defaultOptions.map(({ key, label, action }, i) => ( |
|
|
|
|
<button key={key} onMouseDown={action} className={classNames('search__popout__menu__item', { selected: selectedOption === (options.length + i) })}> |
|
|
|
|
{label} |
|
|
|
|
</button> |
|
|
|
|
))} |
|
|
|
|
</div> |
|
|
|
|
</> |
|
|
|
|
)} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
); |
|
|
|
|