fix(sidebar): show remaining free allowance only
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user