Fix loading state of Link / Unlink buttons

- Do not reset loading state since page will reload anyway
- Fix styling of subscriptions table

app/assets/javascripts/jira_connect/components/groups_list_item.vue

@@ -55,8 +55,6 @@ export default {
             error?.response?.data?.error ||
               s__('Integrations|Failed to link namespace. Please try again.'),
           );
-        })
-        .finally(() => {
           this.isLoading = false;
         });
     },

app/assets/javascripts/jira_connect/components/subscriptions_list.vue

@@ -20,6 +20,11 @@ export default {
       default: [],
     },
   },
+  data() {
+    return {
+      loadingItem: null,
+    };
+  },
   fields: [
     {
       key: 'name',
@@ -28,11 +33,12 @@ export default {
     {
       key: 'created_at',
       label: __('Added'),
-      tdClass: 'gl-vertical-align-middle!',
+      tdClass: 'gl-vertical-align-middle! gl-w-20p',
     },
     {
       key: 'actions',
       label: '',
+      tdClass: 'gl-text-right gl-vertical-align-middle! jira-subscription-actions',
     },
   ],
   i18n: {
@@ -44,12 +50,15 @@ export default {
   methods: {
     isEmpty,
     onClick(item) {
+      this.loadingItem = item;
+
       removeSubscription(item.unlink_path)
         .then(() => {
           reloadPage();
         })
-        .catch(() => {});
-      return item;
+        .catch(() => {
+          this.loadingItem = null;
+        });
     },
   },
 };
@@ -70,9 +79,12 @@ export default {
         <timeago-tooltip :time="item.created_at" />
       </template>
       <template #cell(actions)="{ item }">
-        <gl-button category="secondary" :loading="false" @click.prevent="onClick(item)">{{
-          __('Unlink')
-        }}</gl-button>
+        <gl-button
+          category="secondary"
+          :loading="loadingItem === item"
+          @click.prevent="onClick(item)"
+          >{{ __('Unlink') }}</gl-button
+        >
       </template>
     </gl-table>
   </div>

app/assets/stylesheets/page_bundles/jira_connect.scss

@@ -100,3 +100,7 @@ svg {
     }
   }
 }
+
+.jira-subscription-actions {
+  width: 88px;
+}