fix(quota): show X/Y used label and fill bar to consumed portion
All checks were successful
Stuffle/nebula-client/pipeline/head This commit was not built

This commit is contained in:
2026-08-01 22:10:09 +05:30
parent d5cb5e2431
commit 1ea6a6c0c9

View File

@@ -69,11 +69,9 @@ export function QuotaStatusWidget({ compact }: { compact?: boolean } = {}) {
<div className="ne-QuotaWidget__compact-row1 ne-QuotaWidget__compact-row1--single">
<Zap size={10} style={{ color: runsColor, flexShrink: 0 }} />
<span className="ne-QuotaWidget__compact-badge" style={{ color: runsColor, borderColor: `${runsColor}40` }}>
{runs_remaining}<span style={{ opacity: 0.5 }}>/{runs_limit}</span>
</span>
<span className="ne-QuotaWidget__compact-muted">
{isExhausted ? 'runs left' : 'runs left'}
{runs_used}<span style={{ opacity: 0.5 }}>/{runs_limit}</span>
</span>
<span className="ne-QuotaWidget__compact-muted">runs used</span>
</div>
</Link>
)
@@ -100,9 +98,9 @@ export function QuotaStatusWidget({ compact }: { compact?: boolean } = {}) {
<Zap size={12} style={{ color: runsColor }} />
<span className="ne-QuotaWidget__label">
{isExhausted ? (
<span style={{ color: '#ef4444', fontWeight: 600 }}>No runs left</span>
<span style={{ color: '#ef4444', fontWeight: 600 }}>{runs_used}/{runs_limit} used</span>
) : (
<><span style={{ color: runsColor, fontWeight: 600 }}>{runs_remaining}</span><span style={{ opacity: 0.6 }}>/{runs_limit} runs left</span></>
<><span style={{ color: runsColor, fontWeight: 600 }}>{runs_used}</span><span style={{ opacity: 0.6 }}>/{runs_limit} used</span></>
)}
</span>
<Link to="/quota" className="ne-QuotaWidget__history-link" title="View quota details">