Fix #598 - arrow keys to navigate media; fix #481 - non-exact matches no longer

overshadow requirement for remote-lookup
This commit is contained in:
Eugen Rochko 2017-02-05 03:01:23 +01:00
parent 44fad0160f
commit 6cdcac1396
3 changed files with 25 additions and 2 deletions

View file

@ -104,6 +104,29 @@ const Modal = React.createClass({
this.props.onPrevClicked();
},
componentDidMount () {
this._listener = e => {
if (!this.props.isVisible) {
return;
}
switch(e.key) {
case 'ArrowLeft':
this.props.onPrevClicked();
break;
case 'ArrowRight':
this.props.onNextClicked();
break;
}
};
window.addEventListener('keyup', this._listener);
},
componentDidUnmount () {
window.removeEventListener('keyup', this._listener);
},
render () {
const { media, index, ...other } = this.props;