|
|
|
@ -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>
|
|
|
|
|
);
|
|
|
|
|