🐛 fix(locales): Order recharge related fields

apps/user/app/(main)/(user)/document/close-icon.tsx

@@ -1,5 +1,5 @@
-import { cn } from "@workspace/ui/lib/utils";
-import { motion } from "framer-motion";
+import { cn } from '@workspace/ui/lib/utils';
+import { motion } from 'framer-motion';
 
 export const CloseIcon = ({ className }: { className?: string }) => {
   return (

apps/user/app/(main)/(user)/document/document-button.tsx

@@ -105,7 +105,9 @@ export function DocumentButton({ items }: { items: API.Document[] }) {
             <div className='flex flex-row items-center gap-4'>
               <motion.div layoutId={`image-${item.id}-${id}`}>
                 <Avatar className='size-12'>
-                  <AvatarFallback className='bg-primary/80 text-white'>{item.title.split('')[0]}</AvatarFallback>
+                  <AvatarFallback className='bg-primary/80 text-white'>
+                    {item.title.split('')[0]}
+                  </AvatarFallback>
                 </Avatar>
               </motion.div>
               <div className=''>
@@ -136,4 +138,4 @@ export function DocumentButton({ items }: { items: API.Document[] }) {
       </ul>
     </>
   );
-}
+}

apps/user/app/(main)/(user)/document/tutorial-button.tsx

@@ -7,11 +7,11 @@ import { buttonVariants } from '@workspace/ui/components/button';
 import { Markdown } from '@workspace/ui/custom-components/markdown';
 import { useOutsideClick } from '@workspace/ui/hooks/use-outside-click';
 import { cn } from '@workspace/ui/lib/utils';
+import { formatDate } from '@workspace/ui/utils';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslations } from 'next-intl';
 import { RefObject, useEffect, useId, useRef, useState } from 'react';
 import { CloseIcon } from './close-icon';
-import { formatDate } from '@workspace/ui/utils';
 
 interface Item {
   path: string;
@@ -127,7 +127,9 @@ export function TutorialButton({ items }: { items: Item[] }) {
               <motion.div layoutId={`image-${item.title}-${id}`}>
                 <Avatar className='size-12'>
                   <AvatarImage alt={item.title ?? ''} src={item.icon ?? ''} />
-                  <AvatarFallback className='bg-primary/80 text-white'>{item.title.split('')[0]}</AvatarFallback>
+                  <AvatarFallback className='bg-primary/80 text-white'>
+                    {item.title.split('')[0]}
+                  </AvatarFallback>
                 </Avatar>
               </motion.div>
               <div className=''>
@@ -160,4 +162,4 @@ export function TutorialButton({ items }: { items: Item[] }) {
       </ul>
     </>
   );
-}
+}

apps/user/app/(main)/(user)/payment/page.tsx

@@ -115,10 +115,12 @@ export default function Page() {
           )}
           {data?.type === 3 && (
             <>
-              <div className='font-semibold'>重置流量</div>
+              <div className='font-semibold'>{t('resetTraffic')}</div>
               <ul className='grid grid-cols-2 gap-3 *:flex *:items-center *:justify-between lg:grid-cols-1'>
                 <li className='flex items-center justify-between'>
-                  <span className='text-muted-foreground line-clamp-2 flex-1'>重置价格</span>
+                  <span className='text-muted-foreground line-clamp-2 flex-1'>
+                    {t('resetPrice')}
+                  </span>
                   <span>
                     <Display type='currency' value={data.amount} />
                   </span>