Stop import spinner when import failed

1 files changed, 6 insertions, 0 deletions

diff --git a/app/assets/javascripts/importer_status.js b/app/assets/javascripts/importer_status.js
index f9ff0722c01..fb8851638bf 100644
--- a/app/assets/javascripts/importer_status.js
+++ b/app/assets/javascripts/importer_status.js
@@ -45,6 +45,8 @@ class ImporterStatus {
     }
     $btn.disable().addClass('is-loading');
 
+    this.id = id;
+
     return axios.post(this.importUrl, {
       repo_id: id,
       target_namespace: targetNamespace,
@@ -70,6 +72,10 @@ class ImporterStatus {
     .catch((error) => {
       let details = error;
 
+      const jobItem = $(`#repo_${this.id}`);
+      const statusField = jobItem.find('.job-status');
+      statusField.html(__('Failed'));
+
       if (error.response && error.response.data && error.response.data.errors) {
         details = error.response.data.errors;
       }