Removes disabled state from projects dropdown in dashboard page

1 files changed, 10 insertions, 4 deletions

diff --git a/app/assets/javascripts/project_select_combo_button.js b/app/assets/javascripts/project_select_combo_button.js
index 46a26fb91f4..55e7b830716 100644
--- a/app/assets/javascripts/project_select_combo_button.js
+++ b/app/assets/javascripts/project_select_combo_button.js
@@ -13,8 +13,16 @@ export default class ProjectSelectComboButton {
   }
 
   bindEvents() {
-    this.projectSelectInput.siblings('.new-project-item-select-button')
-      .on('click', this.openDropdown);
+    const dropdownButton = this.projectSelectInput.siblings('.new-project-item-select-button');
+
+    dropdownButton.on('click', this.openDropdown);
+
+    this.newItemBtn.on('click', (e) => {
+      if (!this.getProjectFromLocalStorage()) {
+        e.preventDefault();
+        dropdownButton.trigger('click');
+      }
+    });
 
     this.projectSelectInput.on('change', () => this.selectProject());
   }
@@ -56,10 +64,8 @@ export default class ProjectSelectComboButton {
     if (project) {
       this.newItemBtn.attr('href', project.url);
       this.newItemBtn.text(`${this.formattedText.defaultTextPrefix} in ${project.name}`);
-      this.newItemBtn.enable();
     } else {
       this.newItemBtn.text(`Select project to create ${this.formattedText.presetTextSuffix}`);
-      this.newItemBtn.disable();
     }
   }