1 files changed, 46 insertions, 0 deletions
diff --git a/app/assets/javascripts/ide/components/nav_dropdown/dropdown.vue b/app/assets/javascripts/ide/components/nav_dropdown/dropdown.vue
new file mode 100644
index 00000000000..d215a782a74
--- /dev/null
+++ b/app/assets/javascripts/ide/components/nav_dropdown/dropdown.vue
@@ -0,0 +1,46 @@
+<script>
+import { mapGetters } from 'vuex';
+import Tabs from '../../../vue_shared/components/tabs/tabs';
+import Tab from '../../../vue_shared/components/tabs/tab.vue';
+import MergeRequestsList from '../merge_requests/list.vue';
+import BranchesList from '../branches/list.vue';
+
+export default {
+  components: {
+    Tabs,
+    Tab,
+    MergeRequestsList,
+    BranchesList,
+  },
+  props: {
+    show: {
+      type: Boolean,
+      required: true,
+    },
+  },
+  computed: {
+  },
+};
+</script>
+
+<template>
+  <div class="dropdown-menu ide-nav-dropdown p-0">
+    <tabs
+      v-if="show"
+      stop-propagation
+    >
+      <tab active>
+        <template slot="title">
+          {{ __('Branches') }}
+        </template>
+        <branches-list />
+      </tab>
+      <tab>
+        <template slot="title">
+          {{ __('Merge Requests') }}
+        </template>
+        <merge-requests-list />
+      </tab>
+    </tabs>
+  </div>
+</template>