1 files changed, 5 insertions, 4 deletions
diff --git a/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue b/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue
index ef46040153f..adba55f9f4b 100644
--- a/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue
+++ b/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue
@@ -1,5 +1,6 @@
 <script>
 import CommitSection from './components/commit/commit_section.vue';
+import PipelineEditorFileNav from './components/file_nav/pipeline_editor_file_nav.vue';
 import PipelineEditorHeader from './components/header/pipeline_editor_header.vue';
 import PipelineEditorTabs from './components/pipeline_editor_tabs.vue';
 import { TABS_WITH_COMMIT_FORM, CREATE_TAB } from './constants';
@@ -7,6 +8,7 @@ import { TABS_WITH_COMMIT_FORM, CREATE_TAB } from './constants';
 export default {
   components: {
     CommitSection,
+    PipelineEditorFileNav,
     PipelineEditorHeader,
     PipelineEditorTabs,
   },
@@ -19,7 +21,7 @@ export default {
       type: String,
       required: true,
     },
-    isCiConfigDataLoading: {
+    isNewCiConfigFile: {
       type: Boolean,
       required: true,
     },
@@ -44,15 +46,14 @@ export default {
 
 <template>
   <div>
+    <pipeline-editor-file-nav v-on="$listeners" />
     <pipeline-editor-header
-      :ci-file-content="ciFileContent"
       :ci-config-data="ciConfigData"
-      :is-ci-config-data-loading="isCiConfigDataLoading"
+      :is-new-ci-config-file="isNewCiConfigFile"
     />
     <pipeline-editor-tabs
       :ci-config-data="ciConfigData"
       :ci-file-content="ciFileContent"
-      :is-ci-config-data-loading="isCiConfigDataLoading"
       v-on="$listeners"
       @set-current-tab="setCurrentTab"
     />