From 574b926108dbc2d6c81902d951ac2e661c0784de Mon Sep 17 00:00:00 2001
From: shuai <lishuailing@sifou.com>
Date: Thu, 24 Nov 2022 10:08:02 +0800
Subject: [PATCH] fix: timeline add i18n

---
 i18n/en_US.yaml                 |  6 ++++++
 ui/src/pages/Timeline/index.tsx | 12 ++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/i18n/en_US.yaml b/i18n/en_US.yaml
index a6e4c182..d49bfb96 100644
--- a/i18n/en_US.yaml
+++ b/i18n/en_US.yaml
@@ -1209,3 +1209,9 @@ ui:
     title: "History for"
     show_votes: "Show votes"
     n_or_a: N/A
+    title_for: "Timeline for"
+    title_for_tag: "Title for tag"
+    datetime: Datetime
+    type: Type
+    by: By
+    comment: Comment
diff --git a/ui/src/pages/Timeline/index.tsx b/ui/src/pages/Timeline/index.tsx
index 09a344e4..dd27ebd9 100644
--- a/ui/src/pages/Timeline/index.tsx
+++ b/ui/src/pages/Timeline/index.tsx
@@ -48,8 +48,8 @@ const Index: FC = () => {
       <PageTitle
         title={
           timelineData?.object_info.object_type === 'tag'
-            ? `Timeline for tag ${timelineData?.object_info.title}`
-            : `Timeline for ${timelineData?.object_info.title}`
+            ? `${t('title_for_tag')} ${timelineData?.object_info.title}`
+            : `${t('title_for')} ${timelineData?.object_info.title}`
         }
       />
       <Row className="py-3 justify-content-center">
@@ -71,10 +71,10 @@ const Index: FC = () => {
           <Table hover>
             <thead>
               <tr>
-                <th style={{ width: '20%' }}>Datetime</th>
-                <th style={{ width: '15%' }}>Type</th>
-                <th style={{ width: '19%' }}>By</th>
-                <th>Comment</th>
+                <th style={{ width: '20%' }}>{t('datetime')}</th>
+                <th style={{ width: '15%' }}>{t('type')}</th>
+                <th style={{ width: '19%' }}>{t('by')}</th>
+                <th>{t('comment')}</th>
               </tr>
             </thead>
             <tbody>