体现页面国际化文档字段编写

messages/br.json

@@ -92,14 +92,19 @@
   "DepositPage": {
     "Montante": "Montante",
     "Oferecer": "Oferecer",
-
-    "DepositarAgora": "Depositar Agora",
-    "Conta": "Conta",
-    "Saldo": "Saldo",
-    "Bônus": "Bônus",
-    "Sair": "Sair",
-    "Deseja": "Deseja sair?",
+    "DepositarAgora": "Depositar Agora"
+  },
+  "WithdrawPage": {
+    "Certifique": "Certifique-se de que o CPF está em seu nome para evitar atrasos.",
+    "Tipo": "Tipo de chave PIX",
+    "Vincule": "Vincule conta Pix mais usada, será verificação necessária em adicionar nova conta Pix depois.",
+    "Montante": "Montante",
+    "SaqueDisponivel": "Saque Disponivel",
+    "Valor": "Valor total de resgate",
+    "Para": "Para aumentar seu saldo disponível",
+    "Aposte": "Aposte Agora",
+    "Saque": "Saque",
     "Cancelar": "Cancelar",
-    "Continuar": "Continuar"
+    "Número": "Número de Celular"
   }
 }

src/app/[locale]/(ordinary)/withdraw/page.tsx

@@ -5,17 +5,18 @@ import Link from "next/link";
 import './page.scss'
 import { ActionSheet } from 'antd-mobile'
 import type { Action } from 'antd-mobile/es/components/action-sheet'
-
+import { useTranslations } from "next-intl";
 
 interface Props {}
 
-const actions: Action[] = [
-    { text: 'CPF', key: 'CPF' },
-    { text: 'Número de Celular', key: 'Celular' },
-    { text: 'EMAIL', key: 'EMAIL' },
-]
-
 const Withdraw: FC<PropsWithChildren<Props>> = () => {
+    const t = useTranslations("WithdrawPage");
+
+    const actions: Action[] = [
+        { text: 'CPF', key: 'CPF' },
+        { text: t('Número'), key: 'Celular' },
+        { text: 'EMAIL', key: 'EMAIL' },
+    ]
     let amount = 50
     let [account, setAccount] = useState({
         secretKey: '',
@@ -52,33 +53,33 @@ const Withdraw: FC<PropsWithChildren<Props>> = () => {
         <div className="withdraw-box">
             <div className="img-box"></div>
             <p className="btn-box" color="primary">PIX V</p>
-            <h1>Certifique-se de que o CPF está em seu nome para evitar atrasos.</h1>
+            <h1>{t('Certifique')}</h1>
             <div className="amount-box">
-                <span>Tipo de chave PIX</span>
+                <span>{t('Tipo')}</span>
                 <div className="input-box">
                     <label onClick={() => setVisible(true)}>{prefix} <span className="iconfont icon-xialaxuanze"></span></label>
                     <input name="secretKey" type="number" value={account.secretKey} onChange={setInputVal} placeholder={placeholder} />
                 </div>
             </div>
-            <h1>Vincule conta Pix mais usada, será verificação necessária em adicionar nova conta Pix depois.</h1>
+            <h1>{t('Vincule')}</h1>
             <div className="amount-box">
-                <span>Montante (BRL):</span>
+                <span>{t('Montante')} (BRL):</span>
                 <div className="input-box">
                     <input name="money" type="number" value={account.money} onChange={setInputVal} placeholder="Mín. 10.00"/>
                 </div>
             </div>
             <ul className="ul-box">
-                <li>Saque Disponivel <span className="tip">0 BRL</span></li>
-                <li>Valor total de resgate <span className="tip">0 BRL</span> <span className="iconfont icon-iconhelp"></span></li>
-                <li>Para aumentar seu saldo disponível, <Link href="/" className="toHome router-link-active" replace>Aposte Agora</Link></li>
+                <li>{t('SaqueDisponivel')} <span className="tip">0 BRL</span></li>
+                <li>{t('Valor')} <span className="tip">0 BRL</span> <span className="iconfont icon-iconhelp"></span></li>
+                <li>{t('Para')}, <Link href="/" className="toHome router-link-active" replace>{t('Aposte')}</Link></li>
             </ul>
             <div className="topUp">
-                <ButtonOwn active={amount>0?true:false}>Saque</ButtonOwn>
+                <ButtonOwn active={amount>0?true:false}>{t('Saque')}</ButtonOwn>
             </div>
 
             <ActionSheet
                 extra=''
-                cancelText='Cancelar'
+                cancelText={t('Cancelar')}
                 visible={visible}
                 actions={actions}
                 closeOnAction={true}