Add CREATED status support

app/assets/javascripts/import_entities/constants.js

@@ -7,6 +7,7 @@ export const STATUSES = {
   FINISHED: 'finished',
   FAILED: 'failed',
   SCHEDULED: 'scheduled',
+  CREATED: 'created',
   STARTED: 'started',
   NONE: 'none',
   SCHEDULING: 'scheduling',
@@ -23,6 +24,11 @@ const STATUS_MAP = {
     text: __('Failed'),
     textClass: 'text-danger',
   },
+  [STATUSES.CREATED]: {
+    icon: 'pending',
+    text: __('Scheduled'),
+    textClass: 'text-warning',
+  },
   [STATUSES.SCHEDULED]: {
     icon: 'pending',
     text: __('Scheduled'),

app/assets/javascripts/import_entities/import_groups/graphql/services/source_groups_manager.js

@@ -93,8 +93,8 @@ export class SourceGroupsManager {
   }, DEBOUNCE_INTERVAL);
 
   startImport({ group, importId }) {
+    this.setImportStatus(group, STATUSES.CREATED);
     this.saveImportState(importId, group);
-    this.setImportStatus(group, STATUSES.STARTED);
   }
 
   setImportStatus(group, status) {

spec/frontend/import_entities/import_groups/graphql/client_factory_spec.js

@@ -262,14 +262,14 @@ describe('Bulk import resolvers', () => {
         expect(intermediateResults[0].status).toBe(STATUSES.SCHEDULING);
       });
 
-      it('sets group status to STARTED when request completes', async () => {
+      it('sets import status to CREATED when request completes', async () => {
         axiosMockAdapter.onPost(FAKE_ENDPOINTS.createBulkImport).reply(httpStatus.OK, { id: 1 });
         await client.mutate({
           mutation: importGroupMutation,
           variables: { sourceGroupId: GROUP_ID },
         });
 
-        expect(results[0].status).toBe(STATUSES.STARTED);
+        expect(results[0].status).toBe(STATUSES.CREATED);
       });
 
       it('resets status to NONE if request fails', async () => {