From 1aa9963e07450ddd91a8dea897a3518903246397 Mon Sep 17 00:00:00 2001
From: f97 <huynhduckhoan@gmail.com>
Date: Mon, 10 Oct 2022 09:46:52 +0000
Subject: [PATCH] fix: i18n for filter (#275)

---
 web/src/components/MemoFilter.tsx |  2 +-
 web/src/components/SearchBar.tsx  | 10 +++++-----
 web/src/locales/vi.json           | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/components/MemoFilter.tsx b/web/src/components/MemoFilter.tsx
index f0bce33e..fb92ad8f 100644
--- a/web/src/components/MemoFilter.tsx
+++ b/web/src/components/MemoFilter.tsx
@@ -37,7 +37,7 @@ const MemoFilter = () => {
           locationService.setMemoTypeQuery(undefined);
         }}
       >
-        <span className="icon-text">📦</span> {getTextWithMemoType(memoType as MemoSpecType)}
+        <span className="icon-text">📦</span> {t(getTextWithMemoType(memoType as MemoSpecType))}
       </div>
       {duration && duration.from < duration.to ? (
         <div
diff --git a/web/src/components/SearchBar.tsx b/web/src/components/SearchBar.tsx
index 86444053..9c5a75a4 100644
--- a/web/src/components/SearchBar.tsx
+++ b/web/src/components/SearchBar.tsx
@@ -34,16 +34,16 @@ const SearchBar = () => {
           <div className="section-container types-container">
             <span className="section-text">{t("common.type").toUpperCase()}:</span>
             <div className="values-container">
-              {memoSpecialTypes.map((t, idx) => {
+              {memoSpecialTypes.map((type, idx) => {
                 return (
-                  <div key={t.value}>
+                  <div key={type.value}>
                     <span
-                      className={`type-item ${memoType === t.value ? "selected" : ""}`}
+                      className={`type-item ${memoType === type.value ? "selected" : ""}`}
                       onClick={() => {
-                        handleMemoTypeItemClick(t.value as MemoSpecType);
+                        handleMemoTypeItemClick(type.value as MemoSpecType);
                       }}
                     >
-                      {t.text}
+                      {t(type.text)}
                     </span>
                     {idx + 1 < memoSpecialTypes.length ? <span className="split-text">/</span> : null}
                   </div>
diff --git a/web/src/locales/vi.json b/web/src/locales/vi.json
index 6ae2ef27..80638f42 100644
--- a/web/src/locales/vi.json
+++ b/web/src/locales/vi.json
@@ -61,9 +61,9 @@
     "upload": "Tải lên",
     "preview": "Xem trước",
     "copy-link": "Sao chép",
-    "delete-resource": "Delete Resource",
-    "warning-text": "Are you sure to delete this resource? THIS ACTION IS IRREVERSIABLE❗️",
-    "linked-amount": "Linked memo amount"
+    "delete-resource": "Xóa tài nguyên",
+    "warning-text": "Bạn có chắc chắn xóa tài nguyên này không? HÀNH ĐỘNG KHÔNG THỂ KHÔI PHỤC❗️",
+    "linked-amount": "Số memo đã liên kết"
   },
   "archived": {
     "archived-memos": "Memo đã lưu trữ",
@@ -106,8 +106,8 @@
       "is-not": "Is Not"
     },
     "value": {
-      "not-tagged": "No tags",
-      "linked": "Has links"
+      "not-tagged": "Không có thẻ",
+      "linked": "Có links"
     }
   },
   "tag-list": {