From 5486fb94a084ec8728dc2a65bb0af688222998ca Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Fri, 9 May 2025 14:11:01 -0400
Subject: [PATCH] [API Nodes] Add api pricing link to user popover (#3836)

Co-authored-by: github-actions <github-actions@github.com>
---
 src/components/topbar/CurrentUserPopover.vue | 16 ++++++++++++++++
 src/locales/en/main.json                     |  1 +
 src/locales/es/main.json                     |  1 +
 src/locales/fr/main.json                     |  1 +
 src/locales/ja/main.json                     |  1 +
 src/locales/ko/main.json                     |  1 +
 src/locales/ru/main.json                     |  1 +
 src/locales/zh/main.json                     |  1 +
 8 files changed, 23 insertions(+)

diff --git a/src/components/topbar/CurrentUserPopover.vue b/src/components/topbar/CurrentUserPopover.vue
index a84138038..415dc7502 100644
--- a/src/components/topbar/CurrentUserPopover.vue
+++ b/src/components/topbar/CurrentUserPopover.vue
@@ -37,6 +37,18 @@
 
     <Divider class="my-2" />
 
+    <Button
+      class="justify-start"
+      :label="$t('credits.apiPricing')"
+      icon="pi pi-external-link"
+      text
+      fluid
+      severity="secondary"
+      @click="handleOpenApiPricing"
+    />
+
+    <Divider class="my-2" />
+
     <div class="w-full flex flex-col gap-2 p-2">
       <div class="text-muted text-sm">
         {{ $t('credits.yourCreditBalance') }}
@@ -74,6 +86,10 @@ const handleTopUp = () => {
   dialogService.showTopUpCreditsDialog()
 }
 
+const handleOpenApiPricing = () => {
+  window.open('https://docs.comfy.org/tutorials/api-nodes/pricing', '_blank')
+}
+
 onMounted(() => {
   void authService.fetchBalance()
 })
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index 84b85d336..c9a85d87f 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -1327,6 +1327,7 @@
     "yourCreditBalance": "Your credit balance",
     "purchaseCredits": "Purchase Credits",
     "invoiceHistory": "Invoice History",
+    "apiPricing": "API Pricing",
     "faqs": "FAQs",
     "messageSupport": "Message Support",
     "lastUpdated": "Last updated",
diff --git a/src/locales/es/main.json b/src/locales/es/main.json
index d2b3a731b..78ad23a65 100644
--- a/src/locales/es/main.json
+++ b/src/locales/es/main.json
@@ -150,6 +150,7 @@
     "Unpin": "Desanclar"
   },
   "credits": {
+    "apiPricing": "Precios de la API",
     "credits": "Créditos",
     "faqs": "Preguntas frecuentes",
     "invoiceHistory": "Historial de facturas",
diff --git a/src/locales/fr/main.json b/src/locales/fr/main.json
index 6d3bfb8a2..86afd13d8 100644
--- a/src/locales/fr/main.json
+++ b/src/locales/fr/main.json
@@ -150,6 +150,7 @@
     "Unpin": "Désépingler"
   },
   "credits": {
+    "apiPricing": "Tarification de l’API",
     "credits": "Crédits",
     "faqs": "FAQ",
     "invoiceHistory": "Historique des factures",
diff --git a/src/locales/ja/main.json b/src/locales/ja/main.json
index 6c1d330f0..fe7dceb5e 100644
--- a/src/locales/ja/main.json
+++ b/src/locales/ja/main.json
@@ -150,6 +150,7 @@
     "Unpin": "ピンを解除"
   },
   "credits": {
+    "apiPricing": "API料金",
     "credits": "クレジット",
     "faqs": "よくある質問",
     "invoiceHistory": "請求履歴",
diff --git a/src/locales/ko/main.json b/src/locales/ko/main.json
index 2d5d896b4..b627458c2 100644
--- a/src/locales/ko/main.json
+++ b/src/locales/ko/main.json
@@ -150,6 +150,7 @@
     "Unpin": "고정 해제"
   },
   "credits": {
+    "apiPricing": "API 가격",
     "credits": "크레딧",
     "faqs": "자주 묻는 질문",
     "invoiceHistory": "청구서 내역",
diff --git a/src/locales/ru/main.json b/src/locales/ru/main.json
index 6a468fa15..eac73597b 100644
--- a/src/locales/ru/main.json
+++ b/src/locales/ru/main.json
@@ -150,6 +150,7 @@
     "Unpin": "Открепить"
   },
   "credits": {
+    "apiPricing": "Цены на API",
     "credits": "Кредиты",
     "faqs": "Часто задаваемые вопросы",
     "invoiceHistory": "История счетов",
diff --git a/src/locales/zh/main.json b/src/locales/zh/main.json
index 6210b1886..8a7e51a36 100644
--- a/src/locales/zh/main.json
+++ b/src/locales/zh/main.json
@@ -150,6 +150,7 @@
     "Unpin": "取消固定"
   },
   "credits": {
+    "apiPricing": "API 价格",
     "credits": "积分",
     "faqs": "常见问题",
     "invoiceHistory": "发票历史",