chore: update i18n for UserBanner (#219)

* feat: add vietnamese

* chore: update i18n

* Update web/src/locales/zh.json

Co-authored-by: boojack <stevenlgtm@gmail.com>

Co-authored-by: boojack <stevenlgtm@gmail.com>

web/src/components/UserBanner.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
 import * as utils from "../helpers/utils";
 import userService from "../services/userService";
+import useI18n from "../hooks/useI18n";
 import { locationService } from "../services";
 import { useAppSelector } from "../store";
 import Icon from "./Icon";
@@ -8,6 +9,7 @@ import MenuBtnsPopup from "./MenuBtnsPopup";
 import "../less/user-banner.less";
 
 const UserBanner = () => {
+  const { t } = useI18n();
   const { user, owner } = useAppSelector((state) => state.user);
   const { memos, tags } = useAppSelector((state) => state.memo);
   const [shouldShowPopupBtns, setShouldShowPopupBtns] = useState(false);
@@ -51,15 +53,15 @@ const UserBanner = () => {
       <div className="amount-text-container">
         <div className="status-text memos-text">
           <span className="amount-text">{memos.length}</span>
-          <span className="type-text">MEMO</span>
+          <span className="type-text">{t("amount-text.memo")}</span>
         </div>
         <div className="status-text tags-text">
           <span className="amount-text">{tags.length}</span>
-          <span className="type-text">TAG</span>
+          <span className="type-text">{t("amount-text.tag")}</span>
         </div>
         <div className="status-text duration-text">
           <span className="amount-text">{createdDays}</span>
-          <span className="type-text">DAY</span>
+          <span className="type-text">{t("amount-text.day")}</span>
         </div>
       </div>
     </>

web/src/locales/en.json

@@ -109,6 +109,11 @@
       "create-a-member": "Create a member"
     }
   },
+  "amount-text": {
+    "memo": "MEMO",
+    "tag": "TAG",
+    "day": "DAY"
+  },
   "message": {
     "no-memos": "no memos 🌃",
     "memos-ready": "all memos are ready 🎉",

web/src/locales/vi.json

@@ -47,7 +47,7 @@
     "daily-review": "Đánh giá hàng ngày",
     "resources": "Tài nguyên",
     "setting": "Cài đặt",
-    "archived": "Lưu"
+    "archived": "Lưu trữ"
   },
   "daily-review": {
     "oops-nothing": "Oops, chẳng có gì ở đây cả."
@@ -109,6 +109,11 @@
       "create-a-member": "Tạo một thành viên"
     }
   },
+  "amount-text": {
+    "memo": "MEMO",
+    "tag": "THẺ",
+    "day": "NGÀY"
+  },
   "message": {
     "no-memos": "Không có memo nào 🌃",
     "memos-ready": "Tất cả memo ở đây rồi 🎉",

web/src/locales/zh.json

@@ -109,6 +109,11 @@
       "create-a-member": "创建成员"
     }
   },
+  "amount-text": {
+    "memo": "MEMO",
+    "tag": "TAG",
+    "day": "DAY"
+  },
   "message": {
     "no-memos": "没有 memo 了 🌃",
     "memos-ready": "所有 memo 已就绪 🎉",