Fix confusing button text when importing from GitHub

app/assets/javascripts/import_entities/import_projects/components/import_projects_table.vue

@@ -60,13 +60,17 @@ export default {
     },
 
     importAllButtonText() {
-      return this.hasIncompatibleRepos
-        ? n__(
+      if (this.isImportingAnyRepo) {
+        return __('Importing...');
+      }
+
+      if (this.hasIncompatibleRepos)
+        return n__(
           'Import %d compatible repository',
           'Import %d compatible repositories',
           this.importAllCount,
-          )
-        : n__('Import %d repository', 'Import %d repositories', this.importAllCount);
+        );
+      return n__('Import %d repository', 'Import %d repositories', this.importAllCount);
     },
 
     emptyStateText() {

locale/gitlab.pot

@@ -14698,6 +14698,9 @@ msgstr ""
 msgid "Imported requirements"
 msgstr ""
 
+msgid "Importing..."
+msgstr ""
+
 msgid "Improve Merge Requests and customer support with GitLab Enterprise Edition."
 msgstr ""
 

spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js

@@ -142,6 +142,21 @@ describe('ImportProjectsTable', () => {
     },
   );
 
+  it('sets the button text to "Importing..." when importing repos', () => {
+    createComponent({
+      state: {
+        providerRepos: [providerRepo],
+      },
+      getters: {
+        hasIncompatibleRepos: () => false,
+        importAllCount: () => 10,
+        isImportingAnyRepo: () => true,
+      },
+    });
+
+    expect(findImportAllButton().text()).toBe('Importing...');
+  });
+
   it('renders an empty state if there are no repositories available', () => {
     createComponent({ state: { repositories: [] } });