Add persistent flash messages

1 files changed, 5 insertions, 1 deletions

diff --git a/app/assets/javascripts/pages/milestones/shared/components/promote_milestone_modal.vue b/app/assets/javascripts/pages/milestones/shared/components/promote_milestone_modal.vue
index eb49a5780bd..af85c3915df 100644
--- a/app/assets/javascripts/pages/milestones/shared/components/promote_milestone_modal.vue
+++ b/app/assets/javascripts/pages/milestones/shared/components/promote_milestone_modal.vue
@@ -1,6 +1,7 @@
 <script>
   import axios from '~/lib/utils/axios_utils';
   import createFlash from '~/flash';
+  import { saveFlashMessage } from '~/lib/utils/flash_queue';
   import GlModal from '~/vue_shared/components/gl_modal.vue';
   import { redirectTo } from '~/lib/utils/url_utility';
   import { s__, sprintf } from '~/locale';
@@ -36,7 +37,10 @@
         return axios.post(this.url)
           .then((response) => {
             eventHub.$emit('promoteMilestoneModal.requestFinished', { milestoneUrl: this.url, successful: true });
-            redirectTo(response.request.responseURL);
+            const responseURL = new URL(response.request.responseURL);
+            const bodyData = responseURL.searchParams.get('body_data');
+            saveFlashMessage(bodyData, `${this.milestoneTitle} promoted to group milestone`, 'notice');
+            redirectTo(`${responseURL.protocol}//${responseURL.host}${responseURL.pathname}`);
           })
           .catch((error) => {
             eventHub.$emit('promoteMilestoneModal.requestFinished', { milestoneUrl: this.url, successful: false });