feat: 增加管理端多语言与多模块界面国际化支持

src/modules/risk/risk-draw-header.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import { getAdminDraw } from "@/api/admin-draws";
 import { DrawStatusBadge } from "@/modules/draws/draw-status-badge";
@@ -8,6 +9,7 @@ import { LotteryApiBizError } from "@/types/api/errors";
 import type { AdminDrawShowData } from "@/types/api/admin-draws";
 
 export function RiskDrawHeader({ drawId }: { drawId: number }) {
+  const { t } = useTranslation("risk");
   const [draw, setDraw] = useState<AdminDrawShowData | null>(null);
   const [error, setError] = useState<string | null>(null);
 
@@ -18,11 +20,11 @@ export function RiskDrawHeader({ drawId }: { drawId: number }) {
       setDraw(d);
     } catch (e) {
       const msg =
-        e instanceof LotteryApiBizError ? e.message : "无法加载期号信息";
+        e instanceof LotteryApiBizError ? e.message : t("drawInfoLoadFailed");
       setError(msg);
       setDraw(null);
     }
-  }, [drawId]);
+  }, [drawId, t]);
 
   useEffect(() => {
     queueMicrotask(() => {
@@ -35,18 +37,20 @@ export function RiskDrawHeader({ drawId }: { drawId: number }) {
   }
 
   if (!draw) {
-    return <p className="text-sm text-muted-foreground">加载期号…</p>;
+    return <p className="text-sm text-muted-foreground">{t("loadingDraw")}</p>;
   }
 
   return (
     <div className="mb-4 space-y-1">
       <h1 className="text-xl font-semibold tracking-tight">
-        风控 · 第 {draw.draw_no} 期
+        {t("headerTitle", { drawNo: draw.draw_no })}
       </h1>
       <p className="flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
-        <span>数据库状态</span>
+        <span>{t("databaseStatus")}</span>
         <DrawStatusBadge status={draw.status} />
-        <span className="text-xs opacity-80">（大厅展示态：{draw.hall_preview_status}）</span>
+        <span className="text-xs opacity-80">
+          {t("hallPreviewStatus", { status: draw.hall_preview_status })}
+        </span>
       </p>
     </div>
   );