thegeneralist01/archivr
1
Fork 0
mirror of https://github.com/thegeneralist01/archivr synced 2026-07-21 18:55:36 +02:00
Code Issues Activity

fix: correct in_progress run status badge color and label

Browse source
This commit is contained in:
TheGeneralist 2026-07-04 15:15:46 +02:00
parent ed1f883ff1
commit d83faab8e6
Signed by: thegeneralist01
SSH key fingerprint: SHA256:pp9qddbCNmVNoSjevdvQvM5z0DHN7LTa8qBMbcMq/R4
2 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/components/RunsView.jsx
View file

@ -13,9 +13,10 @@ function fmtDate(iso) {
function StatusBadge({ status }) { function StatusBadge({ status }) {
const cls = status === 'completed' ? 'run-status--completed' const cls = status === 'completed' ? 'run-status--completed'
: status === 'failed' ? 'run-status--failed' : status === 'failed' ? 'run-status--failed'
: status === 'running' ? 'run-status--running' : status === 'in_progress' ? 'run-status--in-progress'
: ''; : '';
return <span className={`run-status ${cls}`}>{status || '—'}</span>; const label = status ? status.replace(/_/g, ' ') : '—';
return <span className={`run-status ${cls}`}>{label}</span>;
} }
export default function RunsView({ runs }) { export default function RunsView({ runs }) {

2
frontend/src/styles.css
View file

@ -1309,7 +1309,7 @@ select {
} }
.run-status--completed { background: #d8eddf; color: #235c35; border: 1px solid #b4d9be; } .run-status--completed { background: #d8eddf; color: #235c35; border: 1px solid #b4d9be; }
.run-status--failed { background: #f5ddd8; color: #8d3f30; border: 1px solid #e0b8b0; } .run-status--failed { background: #f5ddd8; color: #8d3f30; border: 1px solid #e0b8b0; }
.run-status--running { background: #dde8f5; color: #245f72; border: 1px solid #b8cde0; } .run-status--in-progress { background: #fdefd8; color: #8a4f10; border: 1px solid #f0cfa0; }
/* ── Token created banner ────────────────────────────────────────────────── */ /* ── Token created banner ────────────────────────────────────────────────── */
.token-banner { .token-banner {