Merge branch 'arfedoro-subscription-breakdown-modal' into 'master'

Added missing button variant to remove licence modal

See merge request gitlab-org/gitlab!80719

ee/app/assets/javascripts/admin/subscriptions/show/components/subscription_breakdown.vue

@@ -8,6 +8,7 @@ import {
   manageSubscriptionButtonText,
   subscriptionSyncStatus,
   removeLicense,
+  removeLicenseButtonLabel,
   removeLicenseConfirm,
   subscriptionDetailsHeaderText,
   subscriptionTypes,
@@ -30,6 +31,7 @@ export default {
     manageSubscriptionButtonText,
     removeLicense,
     removeLicenseConfirm,
+    removeLicenseButtonLabel,
     subscriptionDetailsHeaderText,
     syncSubscriptionButtonText,
   },
@@ -218,10 +220,13 @@ export default {
               <gl-button
                 v-if="canRemoveLicense"
                 category="secondary"
+                :title="$options.i18n.removeLicenseButtonLabel"
+                :aria-label="$options.i18n.removeLicenseButtonLabel"
                 variant="danger"
                 class="gl-mr-3"
                 :href="licenseRemovePath"
                 :data-confirm="$options.i18n.removeLicenseConfirm"
+                data-confirm-btn-variant="danger"
                 data-method="delete"
                 data-testid="license-remove-action"
                 data-qa-selector="remove_license_link"

ee/app/assets/javascripts/admin/subscriptions/show/constants.js

@@ -52,6 +52,7 @@ export const detailsLabels = {
 
 export const removeLicense = __('Remove license');
 export const removeLicenseConfirm = __('Are you sure you want to remove the license?');
+export const removeLicenseButtonLabel = __('Remove license');
 export const uploadLicense = __('Upload license');
 export const uploadLicenseFile = s__('SuperSonics|Upload a license file');
 export const billableUsersTitle = s__('SuperSonics|Billable users');