chore: more i18n

public/locales/en/common.json

@@ -44,6 +44,7 @@
     "mark_read": "Mark As Read",
     "hide_session": "Hide Session",
     "reload": "reload",
+    "install": "Install",
     "download_origin": "Download original"
   },
   "status": {
@@ -53,7 +54,9 @@
     "update": "Update Successfully!",
     "delete": "Delete Successfully!",
     "login": "Login Successfully!",
-    "logout": "Logout Successfully!"
+    "logout": "Logout Successfully!",
+    "pwa_install_title": "Install web app on desktop?",
+    "pwa_install_desc": "Add to desktop for quick access to this app."
   },
   "new_version": "<0>New Version</0> Available",
   "mobile_app": "Check out our <0>Mobile APP</0>",

public/locales/zh/common.json

@@ -46,6 +46,7 @@
     "mark_read": "标记已读",
     "hide_session": "隐藏会话",
     "reload": "刷新页面",
+    "install": "安装",
     "download_origin": "下载原图"
   },
   "status": {
@@ -55,7 +56,9 @@
     "update": "更新成功!",
     "delete": "删除成功!",
     "login": "登录成功!",
-    "logout": "退出成功!"
+    "logout": "退出成功!",
+    "pwa_install_title": "安装到桌面？",
+    "pwa_install_desc": "使用桌面访问，更便捷！"
   },
   "new_version": "有<0>新版本</0>",
   "mobile_app": "欢迎下载使用<0>手机APP</0>",

src/common/component/Manifest/Prompt.tsx

@@ -2,6 +2,7 @@ import { FC } from "react";
 import Modal from "../Modal";
 import IconClose from "../../../assets/icons/close.svg";
 import Button from "../styled/Button";
+import { useTranslation } from "react-i18next";
 
 interface Props {
   handleInstall?: () => void;
@@ -9,20 +10,21 @@ interface Props {
 }
 
 const Prompt: FC<Props> = ({ handleInstall, closePrompt }) => {
+  const { t } = useTranslation();
   return (
     <Modal mask={false}>
       <div className="relative pointer-events-auto mt-4 w-[406px] p-4 rounded-md bg-white shadow-md flex flex-col gap-3">
         <IconClose className="absolute top-4 right-4 cursor-pointer" onClick={closePrompt} />
         <div className="flex flex-col gap-4 text-gray-600">
-          <h2 className="font-semibold">Install web app on desktop?</h2>
-          <p className="text-sm">Add to desktop for quick access to this app.</p>
+          <h2 className="font-semibold">{t("tip.pwa_install_title")}</h2>
+          <p className="text-sm">{t("tip.pwa_install_desc")}</p>
         </div>
         <div className="w-full flex justify-end gap-4">
           <Button className="ghost cancel small" onClick={closePrompt}>
-            Cancel
+            {t("action.cancel")}
           </Button>
           <Button className="main small" onClick={handleInstall}>
-            Install
+            {t("action.install")}
           </Button>
         </div>
       </div>