diff --git a/frontend/components/account/AccountCenter.tsx b/frontend/components/account/AccountCenter.tsx index dbb7533e..8394820a 100644 --- a/frontend/components/account/AccountCenter.tsx +++ b/frontend/components/account/AccountCenter.tsx @@ -752,7 +752,7 @@ export function AccountCenter() { paymentHost: isEn ? "Payment Host" : "支付域名", primary: "Primary", polygonChain: "Polygon Chain", - noWallet: isEn ? "No payout wallet bound yet." : "未绑定任何收件钱包", + noWallet: isEn ? "No payment wallet bound yet." : "未绑定任何付款钱包", bindExt: isEn ? "Bind Browser Wallet (EVM Extension)" : "绑定浏览器钱包(EVM扩展)", @@ -878,6 +878,7 @@ export function AccountCenter() { CreatedIntent["direct_payment"] | null >(null); const [manualTxHash, setManualTxHash] = useState(""); + const [paymentMethodTab, setPaymentMethodTab] = useState<"wallet" | "manual">("wallet"); const [lastPaymentStartedAt, setLastPaymentStartedAt] = useState(0); const [showSecondarySections, setShowSecondarySections] = useState(false); const [reconcileBusy, setReconcileBusy] = useState(false); @@ -2518,6 +2519,7 @@ export function AccountCenter() { } setLastIntentId(intentId); setManualPayment(direct); + setPaymentMethodTab("manual"); setShowOverlay(false); setPaymentInfo( `手动转账订单已创建:请在 Polygon 网络转 ${direct.amount_usdc} ${direct.token_symbol || selectedTokenLabel} 到 ${shortAddress(direct.receiver_address)},完成后提交 tx hash。`, @@ -3159,175 +3161,229 @@ export function AccountCenter() { )} -
-
-
-

- 手动转账(无需绑定钱包) -

-

- 先创建订单,向唯一收款地址转账,完成后提交 tx hash - 自动开通。请不要和钱包支付同时使用。 -

-
+ + {/* 支付方式选择 Tabs */} +
+

+ 请选择支付方式 (Payment Method) +

+
+
- {manualPayment ? ( -
-
-

- Amount -

-

- {manualPayment.amount_usdc}{" "} - {manualPayment.token_symbol || selectedTokenLabel} -

-
-
-

- Receiver -

-
- - {manualPayment.receiver_address} - - -
-
-
-

- Tx Hash -

- - setManualTxHash(event.target.value) - } - placeholder="0x..." - className="mt-1 w-full rounded-xl border border-white/10 bg-black/30 px-3 py-2 font-mono text-xs text-slate-100 outline-none focus:border-emerald-400/50" - /> -
- -
- ) : null} -
- {boundWallets.length ? ( -
- {boundWallets.map((w) => ( -
-
- - {shortAddress(w.address)} - - {w.is_primary && ( - - {copy.primary} - - )} -
-
{copy.polygonChain}
-
- -
-
- ))} -
- ) : ( -

- {copy.noWallet} -

- )} -
-
- {injectedProviderOptions.length > 1 && ( - + )} + - - {!walletConnectEnabled && ( -

- {copy.walletConnectMissing} - - NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID - -

- )} + {copy.bindExt} + + + {!walletConnectEnabled && ( +

+ {copy.walletConnectMissing} + + NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID + +

+ )} +
+
+ ) : ( +
+

+ 方式二:无需将钱包绑定到账号,直接向平台收款合约转账。转账完成后提交交易哈希(Tx Hash)系统会自动验签并开通 Pro。 +

+ +
+
+
+

+ 手动转账(无需绑定钱包) +

+

+ 先创建订单,向指定收款地址转账,完成后在此处提交 tx hash。请勿与钱包付款通道重复混用。 +

+
+ +
+ {manualPayment ? ( +
+
+

+ Amount +

+

+ {manualPayment.amount_usdc}{" "} + {manualPayment.token_symbol || selectedTokenLabel} +

+
+
+

+ Receiver +

+
+ + {manualPayment.receiver_address} + + +
+
+
+

+ Tx Hash +

+ + setManualTxHash(event.target.value) + } + placeholder="0x..." + className="mt-1 w-full rounded-xl border border-white/10 bg-black/30 px-3 py-2 font-mono text-xs text-slate-100 outline-none focus:border-emerald-400/50" + /> +
+ +
+ ) : null} +
+
+ )} +