visuddhinanda 3 лет назад
Родитель
Сommit
3ca9f6a779

+ 23 - 4
dashboard/src/components/auth/SignInAvatar.tsx

@@ -1,3 +1,4 @@
+import { useIntl } from "react-intl";
 import { useEffect, useState } from "react";
 import { useEffect, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import { Link, useNavigate } from "react-router-dom";
 import { Tooltip } from "antd";
 import { Tooltip } from "antd";
@@ -16,6 +17,7 @@ import { currentUser as _currentUser } from "../../reducers/current-user";
 
 
 const Widget = () => {
 const Widget = () => {
   // TODO
   // TODO
+  const intl = useIntl();
   const navigate = useNavigate();
   const navigate = useNavigate();
   const [userName, setUserName] = useState("");
   const [userName, setUserName] = useState("");
   const [nickName, setNickName] = useState("");
   const [nickName, setNickName] = useState("");
@@ -30,15 +32,27 @@ const Widget = () => {
       <ProCard
       <ProCard
         style={{ maxWidth: 500, minWidth: 300 }}
         style={{ maxWidth: 500, minWidth: 300 }}
         actions={[
         actions={[
-          <Tooltip title="设置">
+          <Tooltip
+            title={intl.formatMessage({
+              id: "buttons.setting",
+            })}
+          >
             <SettingOutlined key="setting" />
             <SettingOutlined key="setting" />
           </Tooltip>,
           </Tooltip>,
-          <Tooltip title="个人空间">
+          <Tooltip
+            title={intl.formatMessage({
+              id: "columns.library.blog.label",
+            })}
+          >
             <Link to={`/blog/${userName}/overview`}>
             <Link to={`/blog/${userName}/overview`}>
               <HomeOutlined key="home" />
               <HomeOutlined key="home" />
             </Link>
             </Link>
           </Tooltip>,
           </Tooltip>,
-          <Tooltip title="退出登录">
+          <Tooltip
+            title={intl.formatMessage({
+              id: "buttons.sign-out",
+            })}
+          >
             <LogoutOutlined
             <LogoutOutlined
               key="logout"
               key="logout"
               onClick={() => {
               onClick={() => {
@@ -52,7 +66,11 @@ const Widget = () => {
       >
       >
         <div>
         <div>
           <h2>{nickName}</h2>
           <h2>{nickName}</h2>
-          <div>欢迎遨游法的海洋</div>
+          <div style={{ textAlign: "right" }}>
+            {intl.formatMessage({
+              id: "buttons.welcome",
+            })}
+          </div>
         </div>
         </div>
       </ProCard>
       </ProCard>
     </>
     </>
@@ -67,6 +85,7 @@ const Widget = () => {
           <Avatar
           <Avatar
             style={{ backgroundColor: "#87d068" }}
             style={{ backgroundColor: "#87d068" }}
             icon={<UserOutlined />}
             icon={<UserOutlined />}
+            size="small"
           >
           >
             {nickName.slice(0, 1)}
             {nickName.slice(0, 1)}
           </Avatar>
           </Avatar>

+ 14 - 7
dashboard/src/components/auth/ToLibaray.tsx

@@ -1,14 +1,21 @@
+import { useIntl } from "react-intl";
 import { Button } from "antd";
 import { Button } from "antd";
 import { Link } from "react-router-dom";
 import { Link } from "react-router-dom";
 
 
 const Widget = () => {
 const Widget = () => {
-	return (
-		<>
-			<Link to="/palicanon/list">
-				<Button type="primary">藏经阁</Button>
-			</Link>
-		</>
-	);
+  const intl = useIntl();
+
+  return (
+    <>
+      <Link to="/palicanon/list">
+        <Button type="primary">
+          {intl.formatMessage({
+            id: "columns.library.title",
+          })}
+        </Button>
+      </Link>
+    </>
+  );
 };
 };
 
 
 export default Widget;
 export default Widget;

+ 12 - 1
dashboard/src/components/auth/ToStudio.tsx

@@ -1,3 +1,4 @@
+import { useIntl } from "react-intl";
 import { Button } from "antd";
 import { Button } from "antd";
 import { Link } from "react-router-dom";
 import { Link } from "react-router-dom";
 
 
@@ -5,13 +6,23 @@ import { useAppSelector } from "../../hooks";
 import { currentUser as _currentUser } from "../../reducers/current-user";
 import { currentUser as _currentUser } from "../../reducers/current-user";
 
 
 const Widget = () => {
 const Widget = () => {
+  const intl = useIntl();
+
   const user = useAppSelector(_currentUser);
   const user = useAppSelector(_currentUser);
 
 
   if (typeof user !== "undefined") {
   if (typeof user !== "undefined") {
     return (
     return (
       <>
       <>
         <Link to={`/studio/${user.realName}/home`}>
         <Link to={`/studio/${user.realName}/home`}>
-          <Button type="primary">藏经阁</Button>
+          <Button
+            type="primary"
+            size="small"
+            style={{ paddingLeft: 18, paddingRight: 18 }}
+          >
+            {intl.formatMessage({
+              id: "columns.studio.title",
+            })}
+          </Button>
         </Link>
         </Link>
       </>
       </>
     );
     );

+ 5 - 0
dashboard/src/locales/zh-Hans/buttons.ts

@@ -2,6 +2,7 @@ const items = {
   "buttons.submit": "提交",
   "buttons.submit": "提交",
   "buttons.create": "新建",
   "buttons.create": "新建",
   "buttons.edit": "编辑",
   "buttons.edit": "编辑",
+  "buttons.translate": "翻译",
   "buttons.read": "阅读",
   "buttons.read": "阅读",
   "buttons.wbw": "逐词解析",
   "buttons.wbw": "逐词解析",
   "buttons.delete": "删除",
   "buttons.delete": "删除",
@@ -13,6 +14,10 @@ const items = {
   "buttons.save": "保存",
   "buttons.save": "保存",
   "buttons.save.publish": "保存并公开",
   "buttons.save.publish": "保存并公开",
   "buttons.cancel": "取消",
   "buttons.cancel": "取消",
+  "buttons.setting": "设置",
+  "buttons.sign-in": "登录",
+  "buttons.sign-out": "退出登录",
+  "buttons.welcome": "欢迎遨游法的海洋",
 };
 };
 
 
 export default items;
 export default items;

+ 1 - 0
dashboard/src/locales/zh-Hans/index.ts

@@ -27,6 +27,7 @@ const items = {
   "columns.library.convertor.title": "巴利字符转换器",
   "columns.library.convertor.title": "巴利字符转换器",
   "columns.library.palihandbook.title": "语法手册",
   "columns.library.palihandbook.title": "语法手册",
   "columns.library.statistics.title": "单词统计",
   "columns.library.statistics.title": "单词统计",
+  "columns.library.blog.label": "个人空间",
   "columns.studio.title": "译经楼",
   "columns.studio.title": "译经楼",
   "columns.studio.palicanon.title": "圣典",
   "columns.studio.palicanon.title": "圣典",
   "columns.studio.recent.title": "最近编辑",
   "columns.studio.recent.title": "最近编辑",