UX: Adds 'Processing Upload' to the composer status area during upload optimization (#13556)

UX: Adds ‘Processing Upload’ to the composer status area during upload optimization (#13556)

diff --git a/app/assets/javascripts/discourse/app/components/composer-editor.js b/app/assets/javascripts/discourse/app/components/composer-editor.js
index 7280058..552e2a9 100644
--- a/app/assets/javascripts/discourse/app/components/composer-editor.js
+++ b/app/assets/javascripts/discourse/app/components/composer-editor.js
@@ -635,6 +635,7 @@ export default Component.extend({
         this.setProperties({
           uploadProgress: 0,
           isUploading: false,
+          isProcessingUpload: false,
           isCancellable: false,
         });
       }
@@ -675,6 +676,7 @@ export default Component.extend({
         this.setProperties({
           uploadProgress: 0,
           isUploading: true,
+          isProcessingUpload: true,
           isCancellable: false,
         });
       })
@@ -689,6 +691,7 @@ export default Component.extend({
         this.setProperties({
           uploadProgress: 0,
           isUploading: false,
+          isProcessingUpload: false,
           isCancellable: false,
         });
       });
diff --git a/app/assets/javascripts/discourse/app/controllers/composer.js b/app/assets/javascripts/discourse/app/controllers/composer.js
index 12c76c2..9443a74 100644
--- a/app/assets/javascripts/discourse/app/controllers/composer.js
+++ b/app/assets/javascripts/discourse/app/controllers/composer.js
@@ -104,6 +104,7 @@ export default Controller.extend({
   prioritizedCategoryId: null,
   lastValidatedAt: null,
   isUploading: false,
+  isProcessingUpload: false,
   topic: null,
   linkLookup: null,
   showPreview: true,
diff --git a/app/assets/javascripts/discourse/app/templates/composer.hbs b/app/assets/javascripts/discourse/app/templates/composer.hbs
index 7779c0e..fa362d7 100644
--- a/app/assets/javascripts/discourse/app/templates/composer.hbs
+++ b/app/assets/javascripts/discourse/app/templates/composer.hbs
@@ -118,6 +118,7 @@
                           popupMenuOptions=popupMenuOptions
                           draftStatus=model.draftStatus
                           isUploading=isUploading
+                          isProcessingUpload=isProcessingUpload
                           allowUpload=allowUpload
                           uploadIcon=uploadIcon
                           isCancellable=isCancellable
@@ -168,7 +169,11 @@
 
             {{#if isUploading}}
               <div id="file-uploading">
-                {{loading-spinner size="small"}}<span>{{i18n "upload_selector.uploading"}} {{uploadProgress}}%</span>
+                {{#if isProcessingUpload}}
+                  {{loading-spinner size="small"}}<span>{{i18n "upload_selector.processing"}}</span>
+                {{else}}
+                  {{loading-spinner size="small"}}<span>{{i18n "upload_selector.uploading"}} {{uploadProgress}}%</span>
+                {{/if}}
                 {{#if isCancellable}}
                   <a href id="cancel-file-upload" {{action "cancelUpload"}}>{{d-icon "times"}}</a>
                 {{/if}}
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index a8d0ac2..7b2b269 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -2247,6 +2247,7 @@ en:
       hint: "(you can also drag & drop into the editor to upload)"
       hint_for_supported_browsers: "you can also drag and drop or paste images into the editor"
       uploading: "Uploading"
+      processing: "Processing Upload"
       select_file: "Select File"
       default_image_alt_text: image
       supported_formats: "supported formats"

GitHub sha: d860e2717b98627fecbc10269dd4b2cf2530d908

This commit appears in #13556 which was approved by blake. It was merged by Falco.