1 files changed, 26 insertions, 0 deletions
diff --git a/app/assets/javascripts/notes/components/discussion_navigator.vue b/app/assets/javascripts/notes/components/discussion_navigator.vue
new file mode 100644
index 00000000000..facc53e27a6
--- /dev/null
+++ b/app/assets/javascripts/notes/components/discussion_navigator.vue
@@ -0,0 +1,26 @@
+<script>
+/* global Mousetrap */
+import 'mousetrap';
+import discussionNavigation from '~/notes/mixins/discussion_navigation';
+import eventHub from '~/notes/event_hub';
+
+export default {
+  mixins: [discussionNavigation],
+  created() {
+    eventHub.$on('jumpToFirstUnresolvedDiscussion', this.jumpToFirstUnresolvedDiscussion);
+  },
+  mounted() {
+    Mousetrap.bind('n', this.jumpToNextDiscussion);
+    Mousetrap.bind('p', this.jumpToPreviousDiscussion);
+  },
+  beforeDestroy() {
+    Mousetrap.unbind('n');
+    Mousetrap.unbind('p');
+
+    eventHub.$off('jumpToFirstUnresolvedDiscussion', this.jumpToFirstUnresolvedDiscussion);
+  },
+  render() {
+    return this.$slots.default;
+  },
+};
+</script>