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
All checks were successful
Stuffle/nebula-client/pipeline/head This commit was not built
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user