feat: 国际化处理

apps/user/app/(main)/(content)/(user)/dashboard/components/Announcement/Dialog.tsx

@@ -17,6 +17,7 @@ import {
   DialogTitle,
 } from '@workspace/airo-ui/components/dialog';
 import { Pagination } from '@workspace/airo-ui/custom-components/pro-table/pagination';
+import { useTranslations } from 'next-intl';
 import { useImperativeHandle, useRef, useState } from 'react';
 import { Popup, PopupData, PopupRef } from './Popup';
 
@@ -37,6 +38,7 @@ interface DialogProps {
 }
 
 export const AnnouncementDialog = ({ ref }: DialogProps) => {
+  const t = useTranslations('dashboard');
   const [open, setOpen] = useState(false);
   const [pagination, setPagination] = useState<PaginationState>({
     pageIndex: 0,
@@ -101,12 +103,14 @@ export const AnnouncementDialog = ({ ref }: DialogProps) => {
       <Dialog open={open} onOpenChange={setOpen}>
         <DialogContent className='flex flex-col sm:grid sm:max-w-[600px]'>
           <DialogHeader>
-            <DialogTitle className={'text-left text-2xl sm:text-4xl'}>网站公告</DialogTitle>
+            <DialogTitle className={'text-left text-2xl sm:text-4xl'}>
+              {t('announcementTitle')}
+            </DialogTitle>
           </DialogHeader>
 
           <div className='space-y-4'>
             {isLoading ? (
-              <div className='py-8 text-center'>加载中...</div>
+              <div className='py-8 text-center'>{t('loading')}</div>
             ) : (
               <>
                 {announcementData?.list?.map((item: AnnouncementItem) => {
@@ -116,7 +120,7 @@ export const AnnouncementDialog = ({ ref }: DialogProps) => {
                       className='flex items-center rounded-[20px] bg-[#B5C9E2] px-4 py-2 sm:p-4'
                     >
                       <p className='line-clamp-2 flex-1 text-[10px] text-[#225BA9] sm:text-sm'>
-                        {item.pinned && '【置顶公告】'}{' '}
+                        {item.pinned && t('pinnedAnnouncement')}{' '}
                         <span className={`${item.pinned ? 'text-white' : 'text-[#4D4D4D]'}`}>
                           {item.content}
                         </span>
@@ -126,7 +130,7 @@ export const AnnouncementDialog = ({ ref }: DialogProps) => {
                           className='cursor-pointer text-xs text-[#225BA9] sm:text-sm'
                           onClick={() => handleOpenPopup(item)}
                         >
-                          查看详情
+                          {t('viewDetails')}
                         </span>
                       </div>
                     </div>
@@ -139,9 +143,9 @@ export const AnnouncementDialog = ({ ref }: DialogProps) => {
                     <Pagination
                       table={table}
                       text={{
-                        textRowsPerPage: '每页显示',
+                        textRowsPerPage: t('rowsPerPage'),
                         textPageOf: (pageIndex, pageCount) =>
-                          `第 ${pageIndex} 页，共 ${pageCount} 页`,
+                          t('pageOf', { pageIndex: pageIndex, pageCount: pageCount }),
                       }}
                     />
                   </div>