fix(ui): dim archived checkpoint rows + safer outcome class lookup + cleaner cap

This commit is contained in:
hsiegeln
2026-04-23 13:19:06 +02:00
parent 1b4b522233
commit 9756a20223
2 changed files with 6 additions and 2 deletions

View File

@@ -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;

View File

@@ -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>