wip: i18n chinese

ui/src/components/notify/DingTalk.tsx

@@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
 import { update } from "@/repository/settings";
 import { getErrMessage } from "@/lib/error";
 import { useToast } from "../ui/use-toast";
+import { useTranslation } from 'react-i18next'
 
 type DingTalkSetting = {
   id: string;
@@ -17,6 +18,7 @@ type DingTalkSetting = {
 
 const DingTalk = () => {
   const { config, setChannels } = useNotify();
+  const { t } = useTranslation();
 
   const [dingtalk, setDingtalk] = useState<DingTalkSetting>({
     id: config.id ?? "",
@@ -70,15 +72,15 @@ const DingTalk = () => {
 
       setChannels(resp);
       toast({
-        title: "保存成功",
-        description: "配置保存成功",
+        title: t('save.succeed'),
+        description: t('setting.notify.config.save.succeed'),
       });
     } catch (e) {
       const msg = getErrMessage(e);
 
       toast({
-        title: "保存失败",
-        description: "配置保存失败：" + msg,
+        title: t('save.failed'),
+        description: `${t('setting.notify.config.save.failed')}: ${msg}`,
         variant: "destructive",
       });
     }
@@ -127,7 +129,7 @@ const DingTalk = () => {
             });
           }}
         />
-        <Label htmlFor="airplane-mode">是否启用</Label>
+        <Label htmlFor="airplane-mode">{t('setting.notify.config.enable')}</Label>
       </div>
 
       <div className="flex justify-end mt-2">
@@ -136,7 +138,7 @@ const DingTalk = () => {
             handleSaveClick();
           }}
         >
-          保存
+          {t('save')}
         </Button>
       </div>
     </div>

ui/src/components/notify/NotifyTemplate.tsx

@@ -9,6 +9,7 @@ import {
 } from "@/domain/settings";
 import { getSetting, update } from "@/repository/settings";
 import { useToast } from "../ui/use-toast";
+import { useTranslation } from 'react-i18next'
 
 const NotifyTemplate = () => {
   const [id, setId] = useState("");
@@ -17,6 +18,7 @@ const NotifyTemplate = () => {
   ]);
 
   const { toast } = useToast();
+  const { t } = useTranslation();
 
   useEffect(() => {
     const featchData = async () => {
@@ -66,8 +68,8 @@ const NotifyTemplate = () => {
     }
 
     toast({
-      title: "保存成功",
-      description: "通知模板保存成功",
+      title: t('save.succeed'),
+      description: t('setting.notify.template.save.succeed'),
     });
   };
 
@@ -81,7 +83,7 @@ const NotifyTemplate = () => {
       />
 
       <div className="text-muted-foreground text-sm mt-1">
-        可选的变量, COUNT:即将过期张数
+        {t('setting.notify.template.variables.tips.title')}
       </div>
 
       <Textarea
@@ -92,10 +94,10 @@ const NotifyTemplate = () => {
         }}
       ></Textarea>
       <div className="text-muted-foreground text-sm mt-1">
-        可选的变量, COUNT:即将过期张数，DOMAINS:域名列表
+        {t('setting.notify.template.variables.tips.content')}
       </div>
       <div className="flex justify-end mt-2">
-        <Button onClick={handleSaveClick}>保存</Button>
+        <Button onClick={handleSaveClick}>{t('save')}</Button>
       </div>
     </div>
   );

ui/src/components/notify/Telegram.tsx

@@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
 import { update } from "@/repository/settings";
 import { getErrMessage } from "@/lib/error";
 import { useToast } from "../ui/use-toast";
+import { useTranslation } from "react-i18next";
 
 type TelegramSetting = {
   id: string;
@@ -17,6 +18,7 @@ type TelegramSetting = {
 
 const Telegram = () => {
   const { config, setChannels } = useNotify();
+  const { t } = useTranslation();
 
   const [telegram, setTelegram] = useState<TelegramSetting>({
     id: config.id ?? "",
@@ -70,15 +72,15 @@ const Telegram = () => {
 
       setChannels(resp);
       toast({
-        title: "保存成功",
-        description: "配置保存成功",
+        title: t('save.succeed'),
+        description: t('setting.notify.config.save.succeed'),
       });
     } catch (e) {
       const msg = getErrMessage(e);
 
       toast({
-        title: "保存失败",
-        description: "配置保存失败：" + msg,
+        title: t('save.failed'),
+        description: `${t('setting.notify.config.save.failed')}: ${msg}`,
         variant: "destructive",
       });
     }
@@ -128,7 +130,7 @@ const Telegram = () => {
             });
           }}
         />
-        <Label htmlFor="airplane-mode">是否启用</Label>
+        <Label htmlFor="airplane-mode">{t('setting.notify.config.enable')}</Label>
       </div>
 
       <div className="flex justify-end mt-2">
@@ -137,7 +139,7 @@ const Telegram = () => {
             handleSaveClick();
           }}
         >
-          保存
+          {t('save')}
         </Button>
       </div>
     </div>

ui/src/components/notify/Webhook.tsx

@@ -9,6 +9,7 @@ import { update } from "@/repository/settings";
 import { getErrMessage } from "@/lib/error";
 import { useToast } from "../ui/use-toast";
 import { isValidURL } from "@/lib/url";
+import { useTranslation } from 'react-i18next'
 
 type WebhookSetting = {
   id: string;
@@ -18,6 +19,7 @@ type WebhookSetting = {
 
 const Webhook = () => {
   const { config, setChannels } = useNotify();
+  const { t } = useTranslation();
 
   const [webhook, setWebhook] = useState<WebhookSetting>({
     id: config.id ?? "",
@@ -59,8 +61,8 @@ const Webhook = () => {
       webhook.data.url = webhook.data.url.trim();
       if (!isValidURL(webhook.data.url)) {
         toast({
-          title: "保存失败",
-          description: "Url格式不正确",
+          title: t('save.failed'),
+          description: t('setting.notify.config.save.failed.url.not.valid'),
           variant: "destructive",
         });
         return;
@@ -79,15 +81,15 @@ const Webhook = () => {
 
       setChannels(resp);
       toast({
-        title: "保存成功",
-        description: "配置保存成功",
+        title: t('save.succeed'),
+        description: t('setting.notify.config.save.succeed'),
       });
     } catch (e) {
       const msg = getErrMessage(e);
 
       toast({
-        title: "保存失败",
-        description: "配置保存失败：" + msg,
+        title: t('save.failed'),
+        description: `${t('setting.notify.config.save.failed')}: ${msg}`,
         variant: "destructive",
       });
     }
@@ -123,7 +125,7 @@ const Webhook = () => {
             });
           }}
         />
-        <Label htmlFor="airplane-mode">是否启用</Label>
+        <Label htmlFor="airplane-mode">{t('setting.notify.config.enable')}</Label>
       </div>
 
       <div className="flex justify-end mt-2">
@@ -132,7 +134,7 @@ const Webhook = () => {
             handleSaveClick();
           }}
         >
-          保存
+          {t('save')}
         </Button>
       </div>
     </div>