添加了充值用量的功能

app/components/settings.tsx

@@ -11,6 +11,7 @@ import ClearIcon from "../icons/clear.svg";
 import EditIcon from "../icons/edit.svg";
 import EyeIcon from "../icons/eye.svg";
 import EyeOffIcon from "../icons/eye-off.svg";
+import AddIcon from "../icons/add.svg";
 
 import { Input, List, ListItem, Modal, Popover } from "./ui-lib";
 
@@ -214,6 +215,10 @@ export function Settings() {
     });
   }
 
+  function reCharge() {
+    window.open("https://api2d.com/r/186624");
+  }
+
   const accessStore = useAccessStore();
   const enabledAccessControl = useMemo(
     () => accessStore.enabledAccessControl(),
@@ -506,6 +511,36 @@ export function Settings() {
             )}
           </SettingItem>
 
+          <SettingItem
+            title={Locale.Settings.ReCharge.Title}
+            // subTitle={
+            //   showUsage
+            //     ? loadingUsage
+            //       ? Locale.Settings.Usage.IsChecking
+            //       : Locale.Settings.Usage.SubTitle(
+            //           usage?.used ?? "[?]",
+            //           usage?.subscription ?? "[?]",
+            //         )
+            //     : Locale.Settings.Usage.NoAccess
+            // }
+            subTitle={Locale.Settings.ReCharge.SubTitle}
+          >
+            {/* {!showUsage || loadingUsage ? (
+              <div />
+            ) : (
+              <IconButton
+                icon={<ResetIcon></ResetIcon>}
+                text={Locale.Settings.Usage.Check}
+                onClick={checkUsage}
+              />
+            )} */}
+            <IconButton
+              icon={<AddIcon></AddIcon>}
+              text={Locale.Settings.ReCharge.Text}
+              onClick={reCharge}
+            />
+          </SettingItem>
+
           <SettingItem
             title={Locale.Settings.HistoryCount.Title}
             subTitle={Locale.Settings.HistoryCount.SubTitle}

app/locales/cn.ts

@@ -133,6 +133,11 @@ const cn = {
       Check: "重新检查",
       NoAccess: "输入 API Key 或访问密码查看余额",
     },
+    ReCharge: {
+      Title: "用量充值",
+      SubTitle: "用量不够了？点击右方跳转进行充值",
+      Text: "点击充值",
+    },
     AccessCode: {
       Title: "访问密码",
       SubTitle: "已开启加密访问",

app/locales/de.ts

@@ -137,6 +137,11 @@ const de: LocaleType = {
       Check: "Erneut prüfen",
       NoAccess: "API-Schlüssel eingeben, um den Kontostand zu überprüfen",
     },
+    ReCharge: {
+      Title: "Verbrauch aufladen",
+      SubTitle: "Nicht genug Verbrauch? Klicken Sie rechts, um aufzuladen",
+      Text: "Hier klicken zum Aufladen",
+    },
     AccessCode: {
       Title: "Zugangscode",
       SubTitle: "Zugangskontrolle aktiviert",

app/locales/en.ts

@@ -136,6 +136,11 @@ const en: LocaleType = {
       Check: "Check",
       NoAccess: "Enter API Key to check balance",
     },
+    ReCharge: {
+      Title: "Usage recharge",
+      SubTitle: "Insufficient usage? Click on the right to recharge",
+      Text: "Click here to recharge",
+    },
     AccessCode: {
       Title: "Access Code",
       SubTitle: "Access control enabled",

app/locales/es.ts

@@ -136,6 +136,12 @@ const es: LocaleType = {
       Check: "Comprobar de nuevo",
       NoAccess: "Introduzca la clave API para comprobar el saldo",
     },
+    ReCharge: {
+      Title: "Recarga de uso",
+      SubTitle:
+        "¿No tienes suficiente uso? Haz clic a la derecha para recargar",
+      Text: "Haga clic aquí para recargar",
+    },
     AccessCode: {
       Title: "Código de acceso",
       SubTitle: "Control de acceso habilitado",

app/locales/it.ts

@@ -137,6 +137,11 @@ const it: LocaleType = {
       Check: "Controlla ancora",
       NoAccess: "Inserire la chiave API per controllare il saldo",
     },
+    ReCharge: {
+      Title: "Ricarica uso",
+      SubTitle: "Non hai abbastanza uso? Clicca a destra per ricaricare",
+      Text: "Clicca qui per ricaricare",
+    },
     AccessCode: {
       Title: "Codice d'accesso",
       SubTitle: "Controllo d'accesso abilitato",

app/locales/jp.ts

@@ -137,6 +137,12 @@ const jp = {
       Check: "再確認",
       NoAccess: "APIキーまたはアクセスパスワードを入力して残高を表示",
     },
+    ReCharge: {
+      Title: "使用料金のリチャージ",
+      SubTitle:
+        "十分な使用料金がない場合は、右側をクリックしてリチャージしてください",
+      Text: "ここをクリックしてリチャージ",
+    },
     AccessCode: {
       Title: "アクセスパスワード",
       SubTitle: "暗号化アクセスが有効になっています",

app/locales/tr.ts

@@ -94,6 +94,12 @@ const tr: LocaleType = {
       FoundUpdate: (x: string) => `Yeni sürüm bulundu: ${x}`,
       GoToUpdate: "Güncelle",
     },
+    ReCharge: {
+      Title: "Kullanım Yükleme",
+      SubTitle:
+        "Kullanım miktarınız yeterli değil mi? Şarj etmek için sağdaki yönlendirmeyi tıklayın",
+      Text: "Şarj etmek için tıklayın",
+    },
     SendKey: "Gönder Tuşu",
     Theme: "Tema",
     TightBorder: "Tam Ekran",

app/locales/tw.ts

@@ -133,6 +133,11 @@ const tw: LocaleType = {
       Check: "重新檢查",
       NoAccess: "輸入API Key查看餘額",
     },
+    ReCharge: {
+      Title: "用量充值",
+      SubTitle: "用量不足？點擊右方連結進行充值",
+      Text: "點擊充值",
+    },
     AccessCode: {
       Title: "授權碼",
       SubTitle: "目前是未授權存取狀態",