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 {
creditBalance: number;
dailyFreeChatLimit?: number;
dailyFreeChatRemaining?: number;
dailyFreePrivateLimit?: number;
dailyFreePrivateRemaining?: number;
onActivateVip?: () => void;
onTopUp: () => void;
@@ -20,18 +18,12 @@ const formatCoins = (value: number): string =>
export function SidebarWalletCard({
creditBalance,
dailyFreeChatLimit = 0,
dailyFreeChatRemaining,
dailyFreePrivateLimit = 0,
dailyFreePrivateRemaining,
dailyFreeChatRemaining = 0,
dailyFreePrivateRemaining = 0,
onActivateVip,
onTopUp,
onRulesClick,
}: SidebarWalletCardProps) {
const chatRemaining = dailyFreeChatRemaining ?? dailyFreeChatLimit;
const privateRemaining =
dailyFreePrivateRemaining ?? dailyFreePrivateLimit;
return (
<section className={styles.card} aria-label="My wallet">
<div className={styles.leftColumn}>
@@ -75,12 +67,12 @@ export function SidebarWalletCard({
<p className={styles.freeAllowanceTitle}>Free Allowance</p>
<div className={styles.freeAllowanceItems}>
<span className={styles.freeAllowanceItem}>
<strong>{chatRemaining}</strong>
<span> / {dailyFreeChatLimit} chats left</span>
<strong>{dailyFreeChatRemaining}</strong>
<span> chats left</span>
</span>
<span className={styles.freeAllowanceItem}>
<strong>{privateRemaining}</strong>
<span> / {dailyFreePrivateLimit} private left</span>
<strong>{dailyFreePrivateRemaining}</strong>
<span> private left</span>
</span>
</div>
</div>
-2
View File
@@ -83,9 +83,7 @@ export function SidebarScreen() {
<section className={`${styles.cardSlot} ${styles.revealTwo}`}>
<SidebarWalletCard
creditBalance={user.creditBalance}
dailyFreeChatLimit={user.currentUser?.dailyFreeChatLimit}
dailyFreeChatRemaining={user.currentUser?.dailyFreeChatRemaining}
dailyFreePrivateLimit={user.currentUser?.dailyFreePrivateLimit}
dailyFreePrivateRemaining={
user.currentUser?.dailyFreePrivateRemaining
}