i18n: captcha

public/locales/en-US/application.json

@@ -3,6 +3,7 @@
     "email": "Email",
     "password": "Password",
     "captcha": "CAPTCHA",
+    "captchaError": "Cannot load CAPTCHA: {{message}}",
     "signIn": "Sign in",
     "signUp": "Sign up",
     "signUpAccount": "Sign up",

public/locales/en-US/common.json

@@ -13,6 +13,8 @@
     "40001": "Wrong format of input parameters ({{message}})",
     "40021": "User not found",
     "40022": "Verification code not correct",
-    "40023": "Login session not exist"
+    "40023": "Login session not exist",
+    "40024": "Cannot initialize WebAuthn",
+    "40025": "Authentication failed"
   }
 }

public/locales/zh-CN/application.json

@@ -3,6 +3,7 @@
     "email": "电子邮箱",
     "password": "密码",
     "captcha": "验证码",
+    "captchaError": "Cannot load CAPTCHA: {{message}}",
     "signIn": "登录",
     "signUp": "注册",
     "signUpAccount": "注册账号",

public/locales/zh-CN/common.json

@@ -13,6 +13,8 @@
     "40001": "输入参数格式有误 ({{message}})",
     "40021": "用户不存在",
     "40022": "验证代码不正确",
-    "40023": "登录会话不存在"
+    "40023": "登录会话不存在",
+    "40024": "无法初始化 WebAuthn",
+    "40025": "验证失败"
   }
 }

src/hooks/normal.js

@@ -11,11 +11,13 @@ import { FormControl, Input, InputLabel } from "@material-ui/core";
 import Placeholder from "../component/Placeholder/Captcha";
 import { defaultValidate, useStyle } from "./useCaptcha";
 import { toggleSnackbar } from "../redux/explorer";
+import { useTranslation } from "react-i18next";
 
 const NormalCaptcha = forwardRef(function NormalCaptcha(
     { captchaRef, setLoading },
     ref
 ) {
+    const { t } = useTranslation();
     const classes = useStyle();
 
     const [captcha, setCaptcha] = useState("");
@@ -38,7 +40,7 @@ const NormalCaptcha = forwardRef(function NormalCaptcha(
                 ToggleSnackbar(
                     "top",
                     "right",
-                    "无法加载验证码：" + error.message,
+                    t("login.captchaError", { message: error.message }),
                     "error"
                 );
             });
@@ -56,7 +58,7 @@ const NormalCaptcha = forwardRef(function NormalCaptcha(
     return (
         <div className={classes.captchaContainer}>
             <FormControl margin="normal" required fullWidth>
-                <InputLabel htmlFor="captcha">验证码</InputLabel>
+                <InputLabel htmlFor="captcha">{t("login.captcha")}</InputLabel>
                 <Input
                     name="captcha"
                     onChange={(e) => setCaptcha(e.target.value)}

src/middleware/Api.ts

@@ -45,7 +45,7 @@ class AppError extends Error {
                 message || i18next.t("unknownError", { ns: "common" });
         }
 
-        this.message += error ? " " + error : "";
+        this.message += error ? ` (${error})` : "";
         this.stack = new Error().stack;
     }
 }