fix(sidebar): show remaining free allowance only

This commit is contained in:
2026-07-03 17:09:14 +08:00
parent c739cc5b6e
commit 186b4d934d
2 changed files with 6 additions and 16 deletions
@@ -6,9 +6,7 @@ import styles from "./sidebar-wallet-card.module.css";
export interface SidebarWalletCardProps { export interface SidebarWalletCardProps {
creditBalance: number; creditBalance: number;
dailyFreeChatLimit?: number;
dailyFreeChatRemaining?: number; dailyFreeChatRemaining?: number;
dailyFreePrivateLimit?: number;
dailyFreePrivateRemaining?: number; dailyFreePrivateRemaining?: number;
onActivateVip?: () => void; onActivateVip?: () => void;
onTopUp: () => void; onTopUp: () => void;
@@ -20,18 +18,12 @@ const formatCoins = (value: number): string =>
export function SidebarWalletCard({ export function SidebarWalletCard({
creditBalance, creditBalance,
dailyFreeChatLimit = 0, dailyFreeChatRemaining = 0,
dailyFreeChatRemaining, dailyFreePrivateRemaining = 0,
dailyFreePrivateLimit = 0,
dailyFreePrivateRemaining,
onActivateVip, onActivateVip,
onTopUp, onTopUp,
onRulesClick, onRulesClick,
}: SidebarWalletCardProps) { }: SidebarWalletCardProps) {
const chatRemaining = dailyFreeChatRemaining ?? dailyFreeChatLimit;
const privateRemaining =
dailyFreePrivateRemaining ?? dailyFreePrivateLimit;
return ( return (
<section className={styles.card} aria-label="My wallet"> <section className={styles.card} aria-label="My wallet">
<div className={styles.leftColumn}> <div className={styles.leftColumn}>
@@ -75,12 +67,12 @@ export function SidebarWalletCard({
<p className={styles.freeAllowanceTitle}>Free Allowance</p> <p className={styles.freeAllowanceTitle}>Free Allowance</p>
<div className={styles.freeAllowanceItems}> <div className={styles.freeAllowanceItems}>
<span className={styles.freeAllowanceItem}> <span className={styles.freeAllowanceItem}>
<strong>{chatRemaining}</strong> <strong>{dailyFreeChatRemaining}</strong>
<span> / {dailyFreeChatLimit} chats left</span> <span> chats left</span>
</span> </span>
<span className={styles.freeAllowanceItem}> <span className={styles.freeAllowanceItem}>
<strong>{privateRemaining}</strong> <strong>{dailyFreePrivateRemaining}</strong>
<span> / {dailyFreePrivateLimit} private left</span> <span> private left</span>
</span> </span>
</div> </div>
</div> </div>
-2
View File
@@ -83,9 +83,7 @@ export function SidebarScreen() {
<section className={`${styles.cardSlot} ${styles.revealTwo}`}> <section className={`${styles.cardSlot} ${styles.revealTwo}`}>
<SidebarWalletCard <SidebarWalletCard
creditBalance={user.creditBalance} creditBalance={user.creditBalance}
dailyFreeChatLimit={user.currentUser?.dailyFreeChatLimit}
dailyFreeChatRemaining={user.currentUser?.dailyFreeChatRemaining} dailyFreeChatRemaining={user.currentUser?.dailyFreeChatRemaining}
dailyFreePrivateLimit={user.currentUser?.dailyFreePrivateLimit}
dailyFreePrivateRemaining={ dailyFreePrivateRemaining={
user.currentUser?.dailyFreePrivateRemaining user.currentUser?.dailyFreePrivateRemaining
} }