Merge branch 'add-loading-state-to-ready-draft-button' into 'master'

Add loader to ready/draft button

See merge request gitlab-org/gitlab!84513

app/assets/javascripts/merge_request.js

@@ -72,11 +72,15 @@ MergeRequest.prototype.initMRBtnListeners = function () {
         const wipEvent = getParameterValues('merge_request[wip_event]', url)[0];
         const mobileDropdown = draftToggle.closest('.dropdown.show');
 
+        const loader = document.createElement('span');
+        loader.classList.add('gl-spinner', 'gl-mr-3');
+
         if (mobileDropdown) {
           $(mobileDropdown.firstElementChild).dropdown('toggle');
         }
 
         draftToggle.setAttribute('disabled', 'disabled');
+        draftToggle.prepend(loader);
 
         axios
           .put(draftToggle.href, null, { params: { format: 'json' } })