From 65768b7a4c14d281e6467881d7adc4cc1d0c93c8 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Mon, 29 Dec 2025 23:05:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86DeveloperSettings.vue=E4=B8=AD?=
 =?UTF-8?q?=E4=B8=89=E5=85=83=E8=A1=A8=E8=BE=BE=E5=BC=8F=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E8=AE=A1=E7=AE=97=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/settings/DeveloperSettings.vue | 46 +++++++++++--------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/dashboard/src/components/settings/DeveloperSettings.vue b/dashboard/src/components/settings/DeveloperSettings.vue
index 1ce66f5..aa60fce 100644
--- a/dashboard/src/components/settings/DeveloperSettings.vue
+++ b/dashboard/src/components/settings/DeveloperSettings.vue
@@ -7,9 +7,7 @@
 				<div class="flex items-center justify-between">
 					<div class="text-xl font-semibold">{{ $t('API Access') }}</div>
 					<Button @click="showCreateSecretDialog = true">{{
-						$team.pg?.user_info?.api_key
-							? $t('Regenerate API Key')
-							: $t('Create New API Key')
+						apiKeyButtonLabel
 					}}</Button>
 				</div>
 				<div v-if="$team.pg?.user_info?.api_key">
@@ -23,23 +21,7 @@
 				</div>
 				<Dialog
 					v-model="showCreateSecretDialog"
-					:options="{
-						title: $t('API Access'),
-						size: 'xl',
-						actions: [
-							{
-								label: $team.pg.user_info.api_key
-									? $t('Regenerate API Key')
-									: $t('Create New API Key'),
-								variant: 'solid',
-								disabled: createSecret.data,
-								loading: createSecret.loading,
-								onClick() {
-									createSecret.submit();
-								}
-							}
-						]
-					}"
+					:options="apiKeyDialogOptions"
 				>
 					<template #body-content>
 						<div v-if="createSecret.data">
@@ -468,6 +450,30 @@ webhookListResource.reload();
 	}
 };
 
+const apiKeyButtonLabel = computed(() => {
+	return $team.pg?.user_info?.api_key
+		? $t('Regenerate API Key')
+		: $t('Create New API Key');
+});
+
+const apiKeyDialogOptions = computed(() => ({
+	title: $t('API Access'),
+	size: 'xl',
+	actions: [
+		{
+			label: $team.pg.user_info.api_key
+				? $t('Regenerate API Key')
+				: $t('Create New API Key'),
+			variant: 'solid',
+			disabled: createSecret.data,
+			loading: createSecret.loading,
+			onClick() {
+				createSecret.submit();
+			}
+		}
+	]
+}));
+
 onMounted(() => {
 	if (session.hasWebhookConfigurationAccess) {
 		webhookListResource.fetch();