gitea/nas
1
0
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/components/components/lightbox.jsx
View file

@ -44,7 +44,7 @@ const Lightbox = React.createClass({
componentDidMount () {
this._listener = e => {
if (e.key === 'Escape') {
if (this.props.isVisible && e.key === 'Escape') {
this.props.onCloseClicked();
}
};

23
app/assets/javascripts/components/features/ui/containers/modal_container.jsx
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;