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 {
|
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>
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user