Add stacked account display and fixed live progress row sizing
Improve account display by showing source/destination in a stacked format when they differ, and add fixed sizing for live progress rows to prevent resizing during scans. Also update the table header to use a single "Account" column.
This commit is contained in:
@@ -538,8 +538,7 @@ export function TaskDetail({ id }: { id: number }) {
|
||||
<table className="tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Source</th>
|
||||
<th>Destination</th>
|
||||
<th>Account</th>
|
||||
<th>Src test</th>
|
||||
<th>Dst test</th>
|
||||
<th>Status</th>
|
||||
@@ -553,20 +552,24 @@ export function TaskDetail({ id }: { id: number }) {
|
||||
<tbody>
|
||||
{accounts.length === 0 ? (
|
||||
<tr className="empty-row">
|
||||
<td colSpan={10}>no accounts yet — add one or import a CSV above</td>
|
||||
<td colSpan={9}>no accounts yet — add one or import a CSV above</td>
|
||||
</tr>
|
||||
) : (
|
||||
accounts.map((a) => (
|
||||
<tr key={a.id}>
|
||||
<td>
|
||||
{a.src_login}
|
||||
<div className="acct-ident">
|
||||
<span>{a.src_login}</span>
|
||||
{a.dst_login !== a.src_login && (
|
||||
<span className="acct-dst">→ {a.dst_login}</span>
|
||||
)}
|
||||
</div>
|
||||
{a.last_error && (
|
||||
<div className="acct-error" title={a.last_error}>
|
||||
{a.last_error}
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
<td>{a.dst_login}</td>
|
||||
<td>
|
||||
<StatusBadge status={a.test_src_status} />
|
||||
</td>
|
||||
@@ -576,7 +579,7 @@ export function TaskDetail({ id }: { id: number }) {
|
||||
<td>
|
||||
<StatusBadge status={a.status} />
|
||||
</td>
|
||||
<td className="progress-cell">
|
||||
<td className={`progress-cell${a.status === 'running' ? ' progress-cell--live' : ''}`}>
|
||||
{(() => {
|
||||
const lv = live[a.id]
|
||||
if (!lv || !lv.total) return <span className="muted-note">—</span>
|
||||
|
||||
Reference in New Issue
Block a user