feat: enhance API error handling and UI improvements
Some checks failed
lotteryfront CI / build (push) Has been cancelled
Some checks failed
lotteryfront CI / build (push) Has been cancelled
- Updated `getPublicCurrencies` and `getPlayerAuthCaptcha` functions to include `skipGlobalServerError` option, improving error handling for API requests. - Refactored the NotFoundPage component to enhance mobile responsiveness and UI consistency, integrating `PlayerMobileViewport`. - Improved the NetworkStatusBanner and OfflineBanner components by adding player banner height reference for better layout management. - Updated Wallet components to utilize `PlayerMoneyDisplay` for consistent currency representation and added credit mode handling in various screens. - Enhanced the WalletScreen and Transfer screens with loading panels and credit guard logic for better user experience during wallet operations.
This commit is contained in:
29
src/components/player-money-display.tsx
Normal file
29
src/components/player-money-display.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
"use client";
|
||||
|
||||
import { formatMinorAsCurrency } from "@/lib/money";
|
||||
import { cn } from "@/lib/utils";
|
||||
|
||||
type PlayerMoneyDisplayProps = {
|
||||
amountMinor: number;
|
||||
currency: string;
|
||||
className?: string;
|
||||
};
|
||||
|
||||
/** 玩家端金额展示:自适应字号 + 防大额截断 */
|
||||
export function PlayerMoneyDisplay({
|
||||
amountMinor,
|
||||
currency,
|
||||
className,
|
||||
}: PlayerMoneyDisplayProps) {
|
||||
return (
|
||||
<p
|
||||
className={cn(
|
||||
"font-black leading-none tabular-nums tracking-normal break-all",
|
||||
"text-[clamp(1.125rem,5vw,1.5rem)]",
|
||||
className,
|
||||
)}
|
||||
>
|
||||
{formatMinorAsCurrency(amountMinor, currency)}
|
||||
</p>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user