Merge branch...

Merge branch '422864-migrate-button-variant-in-app-assets-javascripts-pages-import-bitbucket_server-status' into 'master' 

Update button variant to "confirm" and make it secondary

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/130341



Merged-by: Savas Vedova <svedova@gitlab.com>
Approved-by: Savas Vedova <svedova@gitlab.com>
Approved-by: Doug Stull <dstull@gitlab.com>
Co-authored-by: Justin Ho Tuan Duong <hduong@gitlab.com>

app/assets/javascripts/pages/import/bitbucket_server/status/components/bitbucket_server_status_table.vue

@@ -19,9 +19,14 @@ export default {
 <template>
   <bitbucket-status-table v-bind="$attrs">
     <template #actions>
-      <gl-button variant="info" class="gl-ml-3" data-method="post" :href="reconfigurePath">{{
-        __('Reconfigure')
-      }}</gl-button>
+      <gl-button
+        category="secondary"
+        variant="confirm"
+        class="gl-ml-3"
+        data-method="post"
+        :href="reconfigurePath"
+        >{{ __('Reconfigure') }}</gl-button
+      >
     </template>
   </bitbucket-status-table>
 </template>

spec/frontend/pages/import/bitbucket_server/components/bitbucket_server_status_table_spec.js

@@ -12,11 +12,7 @@ const BitbucketStatusTableStub = {
 describe('BitbucketServerStatusTable', () => {
   let wrapper;
 
-  const findReconfigureButton = () =>
-    wrapper
-      .findAllComponents(GlButton)
-      .filter((w) => w.props().variant === 'info')
-      .at(0);
+  const findReconfigureButton = () => wrapper.findComponent(GlButton);
 
   function createComponent(bitbucketStatusTableStub = true) {
     wrapper = shallowMount(BitbucketServerStatusTable, {