Merge branch 'replace-loading-button-in-epic-header' into 'master'

Replace loading button in epic header

See merge request gitlab-org/gitlab!26153

ee/app/assets/javascripts/epic/components/epic_header.vue

@@ -6,7 +6,6 @@ import { __ } from '~/locale';
 
 import tooltip from '~/vue_shared/directives/tooltip';
 import Icon from '~/vue_shared/components/icon.vue';
-import LoadingButton from '~/vue_shared/components/loading_button.vue';
 import UserAvatarLink from '~/vue_shared/components/user_avatar/user_avatar_link.vue';
 import TimeagoTooltip from '~/vue_shared/components/time_ago_tooltip.vue';
 import GitlabTeamMemberBadge from '~/vue_shared/components/user_avatar/badges/gitlab_team_member_badge.vue';
@@ -21,7 +20,6 @@ export default {
   components: {
     Icon,
     GlDeprecatedButton,
-    LoadingButton,
     UserAvatarLink,
     TimeagoTooltip,
     GitlabTeamMemberBadge,
@@ -108,12 +106,13 @@ export default {
       </div>
     </div>
     <div v-if="canUpdate" class="detail-page-header-actions js-issuable-actions">
-      <loading-button
-        :label="actionButtonText"
+      <gl-deprecated-button
         :loading="epicStatusChangeInProgress"
-        :container-class="actionButtonClass"
+        :class="actionButtonClass"
         @click="toggleEpicStatus(isEpicOpen)"
-      />
+      >
+        {{ actionButtonText }}
+      </gl-deprecated-button>
     </div>
     <gl-deprecated-button
       :aria-label="__('Toggle sidebar')"

ee/spec/frontend/epic/components/epic_header_spec.js

@@ -133,9 +133,7 @@ describe('EpicHeaderComponent', () => {
 
       expect(actionsEl).not.toBeNull();
       expect(actionsEl.querySelector('.js-btn-epic-action')).not.toBeNull();
-      expect(actionsEl.querySelector('.js-loading-button-label').innerText.trim()).toBe(
-        'Close epic',
-      );
+      expect(actionsEl.querySelector('.js-btn-epic-action').innerText.trim()).toBe('Close epic');
     });
 
     it('renders toggle sidebar button element', () => {