Implement keyboard navigation for Lightbox

This commit is contained in:
Daniel Gasienica 2018-04-26 17:25:16 -04:00
parent e1b620602d
commit ea49f7a3b6

View file

@ -203,11 +203,28 @@ export class Lightbox extends React.Component<Props, {}> {
};
private onKeyUp = (event: KeyboardEvent) => {
if (event.key !== 'Escape') {
return;
}
const { onClose } = this;
const { onNext, onPrevious } = this.props;
switch (event.key) {
case 'Escape':
onClose();
break;
this.onClose();
case 'ArrowLeft':
if (onPrevious) {
onPrevious();
}
break;
case 'ArrowRight':
if (onNext) {
onNext();
}
break;
default:
break;
}
};
private onContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {