feat: 国际化处理

apps/user/app/(main)/(content)/(user)/order/components/OrderDetailDialog.tsx

@@ -15,13 +15,13 @@ interface OrderDetailDialogProps {
   orderNo?: string;
 }
 
-interface OrderDetailDialogRef {
+export interface OrderDetailDialogRef {
   show: (orderNo: string) => void;
   hide: () => void;
 }
 
 const OrderDetailDialog = forwardRef<OrderDetailDialogRef, OrderDetailDialogProps>((props, ref) => {
-  const t = useTranslations('subscribe');
+  const t = useTranslations('order');
   const { getUserInfo } = useGlobalStore();
   const router = useRouter();
   const [open, setOpen] = useState(false);
@@ -65,17 +65,17 @@ const OrderDetailDialog = forwardRef<OrderDetailDialogRef, OrderDetailDialogProp
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogContent className='sm:w-[675px]'>
         <div className='text-4xl font-bold text-[#0F2C53] sm:mb-8 sm:text-center sm:text-4xl'>
-          订单详情
+          {t('orderDetail')}
         </div>
 
         <div className='text-[16px] font-bold text-[#666]'>
-          <div>订单号</div>
+          <div>{t('orderNo')}</div>
           <div className='text-[12px] font-light text-[#4D4D4D]'>{orderNo}</div>
         </div>
         <Separator className='mb-3 mt-2 h-[2px] bg-[#225BA9]' />
         <div className='text-[15px] text-[#225BA9]'>
-          <div>支付方式</div>
-          <div className='font-light text-[#666]'>钱包余额</div>
+          <div>{t('paymentMethod')}</div>
+          <div className='font-light text-[#666]'>{t('walletBalance')}</div>
         </div>
         <Separator className='mb-3 mt-4 bg-[#225BA9]' />
         <div>

apps/user/app/(main)/(content)/(user)/order/page.tsx

@@ -45,7 +45,7 @@ export default function Page() {
                           ref.current?.refresh();
                         }}
                       >
-                        取消订单
+                        {t('cancelOrder')}
                       </Button>
                       <Button className='ml-3 min-w-[150px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] px-[35px] py-[9px] text-center text-xl font-bold hover:border-[#225BA9] hover:bg-[#225BA9] hover:text-white'>
                         {t('payment')}