left and right scrolls through gallery.

ntslive · Sep 7, 2017 · bbf9ed2 · bbf9ed2
1 parent b5f6fa9
commit bbf9ed2
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 3 deletions.
diff --git a/public/js/app.min.js b/public/js/app.min.js
diff --git a/public/js/app.min.js.map b/public/js/app.min.js.map
diff --git a/react/PhotoGallery/PhotoGallery.jsx b/react/PhotoGallery/PhotoGallery.jsx
@@ -12,7 +12,30 @@ class PhotoGallery extends React.Component {
     }
 
     componentDidMount() {
-        // console.log(this.props.gallery);
+        $(document.body).on('keydown', this.handleKeyDown.bind(this));
+    }
+
+    componentWillUnmount() {
+        $(document.body).off('keydown', this.handleKeyDown.bind(this));
+    }
+
+    handleKeyDown(e) {
+        // let that = this;
+        if (!this.props.gallery.isVisible) return;
+
+        switch(e.which) {
+            case 37: // left
+                this.props.previousPhoto();
+                break;
+
+            case 39: // right
+                this.props.nextPhoto();
+                break;
+
+            default: return; // exit this handler for other keys
+        }
+
+        e.preventDefault(); // prevent the default action (scroll / move caret)
     }
 
     render() {