refactor: faq => version

public/locales/en/setting.json

@@ -21,7 +21,7 @@
     "license": "License",
     "about": "About",
     "api_doc": "API Document",
-    "faq": "FAQ",
+    "version": "About Version",
     "terms": "Terms & Privacy",
     "feedback": "Feedback"
   },
@@ -177,7 +177,7 @@
     "param_open_width": "The width while widget opened",
     "param_open_height": "The height while widget opened"
   },
-  "faq": {
+  "version": {
     "client_version": "Client Version",
     "server_version": "Server Version",
     "build_time": "Build Timestamp"

public/locales/jp/setting.json

@@ -18,7 +18,7 @@
     "license": "ライセンス",
     "about": "このアプリについて",
     "api_doc": "APIドキュメント",
-    "faq": "FAQ",
+    "version": "About Version",
     "terms": "プライバシーに関する説明",
     "feedback": "フィードバック"
   },
@@ -129,7 +129,7 @@
     "param_open_width": "ウィジェット開きままの幅",
     "param_open_height": "ウィジェット開きままの高さ"
   },
-  "faq": {
+  "version": {
     "client_version": "クライアントバージョン",
     "server_version": "サーバーバージョン",
     "build_time": "ビルド時間"

public/locales/zh/setting.json

@@ -20,7 +20,7 @@
     "license": "证书",
     "about": "关于",
     "api_doc": "API 文档",
-    "faq": "常见问题",
+    "version": "版本信息",
     "terms": "隐私声明",
     "feedback": "反馈"
   },
@@ -173,7 +173,7 @@
     "param_open_width": "挂件打开态的宽度",
     "param_open_height": "挂件打开态的高度"
   },
-  "faq": {
+  "version": {
     "client_version": "客户端版本",
     "server_version": "服务器端版本",
     "build_time": "构建时间戳"

src/common/component/Version.tsx

@@ -2,8 +2,8 @@ import { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { useGetServerVersionQuery } from "../../app/services/server";
 type Props = {};
-const FAQ: FC<Props> = () => {
-  const { t } = useTranslation("setting", { keyPrefix: "faq" });
+const Version: FC<Props> = () => {
+  const { t } = useTranslation("setting", { keyPrefix: "version" });
   const { data: serverVersion } = useGetServerVersionQuery();
   return (
     <div className="flex flex-col gap-3">
@@ -13,4 +13,4 @@ const FAQ: FC<Props> = () => {
     </div>
   );
 };
-export default FAQ;
+export default Version;

src/routes/setting/navs.tsx

@@ -9,7 +9,7 @@ import Widget from "./Widget";
 import BotConfig from "./BotConfig";
 import APIDocument from "./APIDocument";
 import ManageMembers from "../../common/component/ManageMembers";
-import FAQ from "../../common/component/FAQ";
+import Version from "../../common/component/Version";
 // import ConfigAgora from "./config/Agora";
 import { useAppSelector } from "../../app/store";
 import { useTranslation } from "react-i18next";
@@ -80,8 +80,8 @@ const navs = [
         component: <APIDocument />
       },
       {
-        name: "faq",
-        component: <FAQ />
+        name: "version",
+        component: <Version />
       },
       {
         name: "terms",
@@ -92,9 +92,10 @@ const navs = [
         component: <ul className="flex flex-col gap-2 text-lg">
           <li>Email: <strong className="font-bold">han@privoce.com</strong></li>
           <li>Wechat: <strong className="font-bold">Privoce</strong></li>
-          <li>Github:
+          <li>Github:&nbsp;
             <strong className="font-bold">
-              <a className="text-[#06b6d4] underline underline-offset-2" href="https://github.com/Privoce/vocechat-web/issues" target="_blank" rel="noopener noreferrer">vocechat-web/issues</a> </strong>
+              <a className="text-[#06b6d4] underline underline-offset-2" href="https://github.com/Privoce/vocechat-web/issues" target="_blank" rel="noopener noreferrer">vocechat-web/issues</a>
+            </strong>
           </li>
         </ul>
       }