🌐 chore: update i18n

lobehub · Nov 26, 2024 · 369230b · 369230b
1 parent 3426e74
commit 369230b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/Thread.tsx
@@ -2,6 +2,7 @@ import { Typography } from 'antd';
 import { createStyles } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { CSSProperties, memo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useChatStore } from '@/store/chat';
@@ -28,6 +29,7 @@ interface ThreadProps {
 }
 
 const Thread = memo<ThreadProps>(({ id, placement, style }) => {
+  const { t } = useTranslation('chat');
   const { styles } = useStyles();
 
   const threads = useChatStore(threadSelectors.getThreadsBySourceMsgId(id), isEqual);
@@ -43,7 +45,8 @@ const Thread = memo<ThreadProps>(({ id, placement, style }) => {
       <Flexbox className={styles.container} gap={4} padding={4} style={{ width: 'fit-content' }}>
         <Flexbox gap={8} horizontal paddingInline={6}>
           <Typography.Text style={{ fontSize: 12 }} type={'secondary'}>
-            子话题 {threads.length}
+            {t('thread.title')}
+            {threads.length}
           </Typography.Text>
         </Flexbox>
         <Flexbox>

diff --git a/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx b/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/ChatItem/ThreadItem.tsx
@@ -3,6 +3,7 @@ import { createStyles } from 'antd-style';
 import dayjs from 'dayjs';
 import { ChevronRight } from 'lucide-react';
 import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { useIsMobile } from '@/hooks/useIsMobile';
@@ -34,6 +35,7 @@ const useStyles = createStyles(({ css, token }) => ({
 }));
 
 const Item = memo<ThreadItem>(({ id, title, lastActiveAt, sourceMessageId }) => {
+  const { t } = useTranslation('chat');
   const openThreadInPortal = useChatStore((s) => s.openThreadInPortal);
   const { styles, cx } = useStyles();
   const [isActive, messageCount] = useChatStore((s) => [
@@ -55,7 +57,7 @@ const Item = memo<ThreadItem>(({ id, title, lastActiveAt, sourceMessageId }) =>
     >
       {title}
       <Flexbox className={styles.extra} horizontal>
-        {!!messageCount && `${messageCount} 条消息`}
+        {!!messageCount && t('thread.threadMessageCount', { messageCount })}
         {!mobile && ` · ${dayjs(lastActiveAt).format('YYYY-MM-DD')}`}
         <Icon icon={ChevronRight} />
       </Flexbox>

diff --git a/src/app/(main)/chat/(workspace)/_layout/Desktop/Portal.tsx b/src/app/(main)/chat/(workspace)/_layout/Desktop/Portal.tsx
@@ -12,7 +12,7 @@ import {
   CHAT_PORTAL_WIDTH,
 } from '@/const/layoutTokens';
 import { useChatStore } from '@/store/chat';
-import { chatPortalSelectors, portalThreadSelectors } from '@/store/chat/slices/portal/selectors';
+import { chatPortalSelectors, portalThreadSelectors } from '@/store/chat/selectors';
 
 const useStyles = createStyles(({ css, token, isDarkMode }) => ({
   content: css`

diff --git a/src/locales/default/chat.ts b/src/locales/default/chat.ts
@@ -127,6 +127,8 @@ export default {
   },
   thread: {
     divider: '子话题',
+    threadMessageCount: '{{messageCount}} 条消息',
+    title: '子话题',
   },
   tokenDetails: {
     chats: '会话消息',