feat(HAI-014): complete Step 1 — reorder JSX and update layout

This commit is contained in:
Dustin Byrne
2026-03-25 21:10:10 -04:00
parent b8d4853e85
commit 4777ae5dcb
2 changed files with 21 additions and 14 deletions

View File

@@ -62,18 +62,20 @@ export function TaskCard({ task, queued, onOpenDetail, addToast }: TaskCardProps
onDragEnd={queued ? undefined : handleDragEnd}
onClick={handleClick}
>
{task.status && (
<span
className={`card-status-badge${ACTIVE_STATUSES.has(task.status) ? " pulsing" : ""}`}
style={{
background: COLUMN_COLOR_MAP[task.column],
color: COLUMN_TEXT_COLOR_MAP[task.column],
}}
>
{task.status}
</span>
)}
<span className="card-id">{task.id}</span>
<div className="card-header">
<span className="card-id">{task.id}</span>
{task.status && (
<span
className={`card-status-badge${ACTIVE_STATUSES.has(task.status) ? " pulsing" : ""}`}
style={{
background: COLUMN_COLOR_MAP[task.column],
color: COLUMN_TEXT_COLOR_MAP[task.column],
}}
>
{task.status}
</span>
)}
</div>
<div className="card-title">
{task.title || (task.description ? task.description.slice(0, 60) + (task.description.length > 60 ? "…" : "") : task.id)}
</div>