scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-10-10 03:30:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Spin the in-progress TODO icon in the stage sidebar

Browse source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-05-24 13:25:49 -04:00
parent aa65b79e57
commit 9d1f170908
No known key found for this signature in database
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/fabro-web/app/components/stage-insights-sidebar.tsx
View file

@ -246,22 +246,22 @@ function TodoSection({ todos }: { todos: TodoListProjection | null }) {
}
function TodoRow({ todo }: { todo: TodoProjection }) {
const { Icon, color, srLabel } = todoStatusVisual(todo.status);
const { Icon, color, srLabel, spin } = todoStatusVisual(todo.status);
const muted = todo.status === TodoStatus.COMPLETED;
return (
<li className="flex items-start gap-1.5">
<Icon className={`mt-0.5 size-3.5 shrink-0 ${color}`} aria-label={srLabel} />
<Icon className={`mt-0.5 size-3.5 shrink-0 ${color} ${spin ? "animate-spin" : ""}`} aria-label={srLabel} />
<span className={`min-w-0 text-xs ${muted ? "text-fg-muted line-through" : "text-fg-2"}`}>{todo.subject}</span>
</li>
);
}
function todoStatusVisual(status: TodoStatus): { Icon: IconType; color: string; srLabel: string } {
function todoStatusVisual(status: TodoStatus): { Icon: IconType; color: string; srLabel: string; spin?: boolean } {
switch (status) {
case TodoStatus.COMPLETED:
return { Icon: CheckCircleIcon, color: "text-mint", srLabel: "Completed" };
case TodoStatus.IN_PROGRESS:
return { Icon: ArrowPathIcon, color: "text-teal-500", srLabel: "In progress" };
return { Icon: ArrowPathIcon, color: "text-teal-500", srLabel: "In progress", spin: true };
case TodoStatus.DELETED:
return { Icon: XCircleIcon, color: "text-fg-muted", srLabel: "Deleted" };
case TodoStatus.PENDING: