fix(ui): dim archived checkpoint rows + safer outcome class lookup + cleaner cap
This commit is contained in:
@@ -109,6 +109,10 @@
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.checkpointsTable tr.checkpointArchived {
|
||||||
|
opacity: 0.55;
|
||||||
|
}
|
||||||
|
|
||||||
.checkpointEmpty {
|
.checkpointEmpty {
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ export function CheckpointsTable({
|
|||||||
return <div className={styles.checkpointEmpty}>No past deployments yet.</div>;
|
return <div className={styles.checkpointEmpty}>No past deployments yet.</div>;
|
||||||
}
|
}
|
||||||
|
|
||||||
const cap = (jarRetentionCount ?? 0) > 0 ? jarRetentionCount! : FALLBACK_CAP;
|
const cap = jarRetentionCount && jarRetentionCount > 0 ? jarRetentionCount : FALLBACK_CAP;
|
||||||
const visible = expanded ? checkpoints : checkpoints.slice(0, cap);
|
const visible = expanded ? checkpoints : checkpoints.slice(0, cap);
|
||||||
const hidden = checkpoints.length - visible.length;
|
const hidden = checkpoints.length - visible.length;
|
||||||
|
|
||||||
@@ -87,7 +87,7 @@ export function CheckpointsTable({
|
|||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<span
|
<span
|
||||||
className={`${styles.outcomePill} ${styles[`outcome-${d.status}` as keyof typeof styles]}`}
|
className={`${styles.outcomePill} ${styles[`outcome-${d.status}` as keyof typeof styles] || ''}`}
|
||||||
>
|
>
|
||||||
{d.status}
|
{d.status}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user