impl: i18n (#77)

* impl: i18n
line · Nov 15, 2023 · bec5411 · bec5411
1 parent 7bcb2c1
commit bec5411
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 26 deletions.
diff --git a/apps/web/public/locales/en/common.json b/apps/web/public/locales/en/common.json
@@ -24,9 +24,7 @@
     },
     "reset-password": {
       "title": "Resest Password",
-      "button": {
-        "send-email": "Send email"
-      }
+      "button": { "send-email": "Send email" }
     }
   },
   "link": {
@@ -164,9 +162,7 @@
         "preview-description": "You can check it after selecting <preview>Preview</preview>."
       },
       "dialog": {
-        "edit-user": {
-          "title": "Edit User"
-        },
+        "edit-user": { "title": "Edit User" },
         "delete-project": {
           "title": "Delete Project",
           "description": "Deleting a project will delete all issue/feedback data.\nPlease enter the text below to proceed with the deletion."
@@ -195,22 +191,14 @@
           "title": "Edit Member",
           "description": "Role varies from the menu accessible to functions available.\nPlease check the member and select the correct Role."
         },
-        "register-member": {
-          "title": "Register Member"
-        },
+        "register-member": { "title": "Register Member" },
         "delete-member": {
           "title": "Delete Member",
           "description": "Are you sure you want to delete the Member?"
         },
-        "add-field": {
-          "title": "Add Field"
-        },
-        "edit-field": {
-          "title": "Edit Field"
-        },
-        "invite-user": {
-          "title": "Invite User"
-        }
+        "add-field": { "title": "Add Field" },
+        "edit-field": { "title": "Edit Field" },
+        "invite-user": { "title": "Invite User" }
       }
     }
   },
@@ -267,7 +255,9 @@
       "date-range-over-max-days": "The inquiry period can only be entered up to {{maxDays}} days"
     },
     "equal-search": "Equal",
-    "like-search": "Like"
+    "like-search": "Like",
+    "more": "more",
+    "shrink": "shrink"
   },
   "toast": {
     "sign-in": "Login Successful",

diff --git a/apps/web/public/locales/ja/common.json b/apps/web/public/locales/ja/common.json
@@ -114,14 +114,12 @@
         "tenant-info": "Tenant情報",
         "sign-up-mgmt": "Login &Signup管理",
         "user-mgmt": "User管理",
-
         "project-info": "Project情報",
         "member-mgmt": "Member管理",
         "role-mgmt": "Role管理",
         "api-key-mgmt": "API Key管理",
         "ticket-mgmt": "Issue Tracker管理",
         "delete-project": "Project削除",
-
         "channel-info": "Channel情報",
         "field-mgmt": "Field管理",
         "delete-channel": "Channel削除"
@@ -257,7 +255,9 @@
       "date-range-over-max-days": "照会期間は最大{{maxDays}}日まで入力可能です。"
     },
     "equal-search": "完全一致",
-    "like-search": "部分一致"
+    "like-search": "部分一致",
+    "more": "もっと",
+    "shrink": "縮む"
   },
   "toast": {
     "sign-in": "ログイン成功",

diff --git a/apps/web/public/locales/ko/common.json b/apps/web/public/locales/ko/common.json
@@ -114,14 +114,12 @@
         "tenant-info": "Tenant 정보",
         "sign-up-mgmt": "Login & Signup 관리",
         "user-mgmt": "User 관리",
-
         "project-info": "Project 정보",
         "member-mgmt": "Member 관리",
         "role-mgmt": "Role 관리",
         "api-key-mgmt": "API Key 관리",
         "ticket-mgmt": "Issue Tracker 관리",
         "delete-project": "Project 삭제",
-
         "channel-info": "Channel 정보",
         "field-mgmt": "Field 관리",
         "delete-channel": "Channel 삭제"
@@ -257,7 +255,9 @@
       "date-range-over-max-days": "조회 기간은 최대 {{maxDays}}일까지만 입력 가능합니다."
     },
     "equal-search": "완전 일치",
-    "like-search": "부분 일치"
+    "like-search": "부분 일치",
+    "more": "더보기",
+    "shrink": "줄이기"
   },
   "toast": {
     "sign-in": "로그인 성공",

diff --git a/apps/web/src/containers/tables/FeedbackTable/FeedbackDetail/FeedbackDetailCell.tsx b/apps/web/src/containers/tables/FeedbackTable/FeedbackDetail/FeedbackDetailCell.tsx
@@ -14,6 +14,7 @@
  * under the License.
  */
 import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { Icon } from '@ufb/ui';
 
@@ -22,6 +23,7 @@ import { useTruncatedElement } from '@/hooks';
 interface IProps extends React.PropsWithChildren {}
 
 const FeedbackDetailCell: React.FC<IProps> = ({ children }) => {
+  const { t } = useTranslation();
   const ref = useRef<HTMLTableCellElement>(null);
   const { isTruncated, isShowingMore, toggleIsShowingMore } =
     useTruncatedElement({ ref });
@@ -41,7 +43,7 @@ const FeedbackDetailCell: React.FC<IProps> = ({ children }) => {
           onClick={toggleIsShowingMore}
           className="text-blue-primary flex items-center gap-1"
         >
-          {isShowingMore ? '줄이기' : '더보기'}
+          {isShowingMore ? t('text.shrink') : t('text.more')}
           <Icon
             name="ChevronDown"
             size={12}