feat: update

canyon-project · Feb 15, 2024 · 04c969b · 04c969b
1 parent 95ea90e
commit 04c969b
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 20 deletions.
diff --git a/packages/canyon-platform/locales/cn.json b/packages/canyon-platform/locales/cn.json
@@ -33,7 +33,8 @@
     "reported_details": "上报细节",
     "reporter": "上报人",
     "search_keywords": "搜索关键字",
-    "overview_search_keywords": "搜索关键字"
+    "overview_search_keywords": "搜索关键字",
+    "coverage_details": "覆盖率详情"
   },
   "settings": {
     "desc": "设置您的账户信息",
@@ -55,7 +56,8 @@
     "search": "搜索",
     "no_data": "暂无数据",
     "no_result": "暂无结果",
-    "created_at": "创建时间"
+    "created_at": "创建时间",
+    "total_items": "共计 {{total}} 项"
   },
   "app": {
     "logout": "退出登录",

diff --git a/packages/canyon-platform/src/layouts/genBreadcrumbItems.tsx b/packages/canyon-platform/src/layouts/genBreadcrumbItems.tsx
@@ -1,33 +1,36 @@
 import { useNavigate } from 'react-router-dom';
+import {useTranslation} from "react-i18next";
 function matchPattern(str) {
   return /^\/projects\/\d+(?!(\/\d+))$/.test(str);
 }
 
 export function genBreadcrumbItems(pathname:string) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const {t} = useTranslation();
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const nav = useNavigate();
   if (matchPattern(pathname)) {
     return [
       {
-        title: <span className={'cursor-pointer'}>Projects</span>,
+        title: <span className={'cursor-pointer'}>{t('menus.projects')}</span>,
         onClick() {
           nav('/projects');
         },
       },
       {
-        title: 'Overview',
+        title: t('projects.overview'),
       },
     ];
   } else if (pathname.includes('commits')) {
     return [
       {
-        title: <span className={'cursor-pointer'}>Projects</span>,
+        title: <span className={'cursor-pointer'}>{t('menus.projects')}</span>,
         onClick() {
           nav('/projects');
         },
       },
       {
-        title: <span className={'cursor-pointer'}>Overview</span>,
+        title: <span className={'cursor-pointer'}>{t('projects.overview')}</span>,
         onClick() {
           const regex = /\/projects\/(\d+)\//;
           const match = pathname.match(regex);
@@ -40,7 +43,8 @@ export function genBreadcrumbItems(pathname:string) {
         },
       },
       {
-        title: 'Coverage Details',
+        title: t('projects.coverage_details'),
+        // title: 'Coverage Details',
       },
     ];
   } else {

diff --git a/packages/canyon-platform/src/pages/index/projects/[id]/index.tsx b/packages/canyon-platform/src/pages/index/projects/[id]/index.tsx
@@ -83,13 +83,13 @@ const ProjectOverviewPage = () => {
       },
     },
     {
-      title: 'Branch',
+      title: t('projects.branch'),
       dataIndex: 'branch',
       width: '160px',
       ellipsis: true,
     },
     {
-      title: 'Compare Target',
+      title: t('projects.compare_target'),
       dataIndex: 'compareTarget',
       width: '160px',
       render(_, { compareUrl }): JSX.Element {
@@ -101,13 +101,13 @@ const ProjectOverviewPage = () => {
       },
     },
     {
-      title: 'Message',
+      title: t('projects.message'),
       dataIndex: 'message',
       width: '160px',
       ellipsis: true,
     },
     {
-      title: 'Statements',
+      title: t('projects.statements'),
       dataIndex: 'statements',
       render(_, { sha }) {
         return (
@@ -125,7 +125,7 @@ const ProjectOverviewPage = () => {
       },
     },
     {
-      title: 'New Lines',
+      title: t('projects.newlines'),
       dataIndex: 'newlines',
       render(_, { sha }) {
         return (
@@ -142,19 +142,19 @@ const ProjectOverviewPage = () => {
       },
     },
     {
-      title: 'Times',
+      title: t('projects.report_times'),
       dataIndex: 'times',
     },
     {
-      title: 'Last Report',
+      title: t('projects.latest_report_time'),
       dataIndex: 'lastReportTime',
       width: '120px',
       render(_) {
         return <span>{dayjs(_).format('MM-DD HH:mm')}</span>;
       },
     },
     {
-      title: 'Option',
+      title: t('common.option'),
       render(_): JSX.Element {
         return (
           <div className={'w-[100px]'}>
@@ -164,7 +164,7 @@ const ProjectOverviewPage = () => {
                 setSha(_.sha);
               }}
             >
-              Logs
+              {t('projects.reported_details')}
             </a>
           </div>
         );
@@ -242,7 +242,7 @@ const ProjectOverviewPage = () => {
                 borderRadius: `${token.borderRadius}px`,
               }}
             >
-              <Title level={4}>Trends in coverage</Title>
+              <Title level={4}>{t('projects.trends_in_coverage')}</Title>
               <ReactECharts
                 theme={
                   localStorage.getItem('theme') === 'dark'
@@ -263,7 +263,7 @@ const ProjectOverviewPage = () => {
         {t('projects.records')}
       </Text>
       <Input.Search
-        placeholder={'Enter the "Commit Sha" or "Branch" or "Compare Target" keyword for search'}
+        placeholder={t('projects.overview_search_keywords')}
         onSearch={(value) => {
           // setSearchValue(value);
           setKeyword(value);
@@ -282,7 +282,7 @@ const ProjectOverviewPage = () => {
         rowKey={'sha'}
         columns={columns}
         pagination={{
-          showTotal: (total) => `Total ${total} items`,
+          showTotal: (total) => t('common.total_items', { total }),
           total: projectsData?.getProjectRecords?.total,
           current,
           pageSize,

diff --git a/packages/canyon-platform/src/pages/index/projects/index.tsx b/packages/canyon-platform/src/pages/index/projects/index.tsx
@@ -192,7 +192,7 @@ const ProjectPage = () => {
             rowKey={'id'}
             pagination={{
               total: projectsData?.getProjects?.total,
-              showTotal: (total) => `Total ${total} items`,
+              showTotal: (total) => t('common.total_items', { total }),
               current,
               pageSize,
             }}