1 files changed, 15 insertions, 1 deletions
diff --git a/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue b/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue
index 631dd8a2c00..23e3ce10d5a 100644
--- a/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue
+++ b/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue
@@ -60,6 +60,7 @@ export default {
       currentTab: CREATE_TAB,
       scrollToCommitForm: false,
       shouldLoadNewBranch: false,
+      showDrawer: false,
       showSwitchBranchModal: false,
     };
   },
@@ -72,9 +73,15 @@ export default {
     closeBranchModal() {
       this.showSwitchBranchModal = false;
     },
+    closeDrawer() {
+      this.showDrawer = false;
+    },
     handleConfirmSwitchBranch() {
       this.showSwitchBranchModal = true;
     },
+    openDrawer() {
+      this.showDrawer = true;
+    },
     switchBranch() {
       this.showSwitchBranchModal = false;
       this.shouldLoadNewBranch = true;
@@ -122,7 +129,10 @@ export default {
       :ci-file-content="ciFileContent"
       :commit-sha="commitSha"
       :is-new-ci-config-file="isNewCiConfigFile"
+      :show-drawer="showDrawer"
       v-on="$listeners"
+      @open-drawer="openDrawer"
+      @close-drawer="closeDrawer"
       @set-current-tab="setCurrentTab"
       @walkthrough-popover-cta-clicked="setScrollToCommitForm"
     />
@@ -137,6 +147,10 @@ export default {
       @scrolled-to-commit-form="setScrollToCommitForm(false)"
       v-on="$listeners"
     />
-    <pipeline-editor-drawer />
+    <pipeline-editor-drawer
+      :is-visible="showDrawer"
+      v-on="$listeners"
+      @close-drawer="closeDrawer"
+    />
   </div>
 </template>