added back left text for clarity

This commit is contained in:
Ayush Rodrigues
2025-12-11 19:00:23 +00:00
parent 648f37ed10
commit 594e24889f
2 changed files with 8 additions and 1 deletions

View File

@@ -9,6 +9,7 @@ export interface FeatureBalanceDisplayProps {
usageType?: string;
className?: string;
initialAllowance: number;
compact?: boolean;
}
/**
@@ -22,6 +23,7 @@ export function FeatureBalanceDisplay({
usageType,
className,
initialAllowance,
compact = false,
}: FeatureBalanceDisplayProps) {
const formatNumber = (num: number) => new Intl.NumberFormat().format(num);
const displayBalance = balance < 0 ? 0 : balance;
@@ -42,7 +44,11 @@ export function FeatureBalanceDisplay({
<>
<span className="text-t1">{formatNumber(displayBalance)}</span>
{allowance > 0 && (
<span className="text-t4">/{formatNumber(allowance)}</span>
<span className="text-t4">
{compact
? `/ ${formatNumber(allowance)}`
: `/ ${formatNumber(allowance)} left`}
</span>
)}
</>
)}

View File

@@ -63,6 +63,7 @@ export function FeatureUsageCell({
shouldShowUsed={shouldShowUsed}
usageType={usageType}
className="text-tiny"
compact={true}
/>
{allowance > 0 && (
<CustomerFeatureUsageBar