External/roboco
1
0
Fork 0
mirror of https://github.com/rennf93/roboco.git synced 2026-08-03 07:23:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): legible badge for the awaiting_pr_review status

Browse Source 
The PR-review gate's status was missing from the panel TaskStatus enum, so
the badge's color map had no entry and fell back to the Badge default (grey)
with forced white text — illegible. Add AWAITING_PR_REVIEW to the enum and a
distinct teal entry to every status->color/label map (badge, filters,
subtasks list, task header), and give the badge a fallback colour so an
unmapped status can never render illegibly again.
This commit is contained in:
Renn F
2026-06-20 20:02:21 +02:00
parent 2d8a6c5d0f
commit a71bd723f8
5 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
panel/src/components/tasks/task-detail/subtasks-list.tsx
+1
View File
@@ -26,6 +26,7 @@ const STATUS_COLORS: Record<TaskStatus, string> = {
[TaskStatus.NEEDS_REVISION]: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
[TaskStatus.AWAITING_QA]: "bg-yellow-200 text-yellow-800 dark:bg-yellow-800 dark:text-yellow-200",
[TaskStatus.AWAITING_DOCUMENTATION]: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300",
[TaskStatus.AWAITING_PR_REVIEW]: "bg-teal-100 text-teal-700 dark:bg-teal-900 dark:text-teal-300",
[TaskStatus.AWAITING_PM_REVIEW]: "bg-orange-200 text-orange-800 dark:bg-orange-800 dark:text-orange-200",
[TaskStatus.AWAITING_CEO_APPROVAL]: "bg-amber-200 text-amber-800 dark:bg-amber-800 dark:text-amber-200",
[TaskStatus.COMPLETED]: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
panel/src/components/tasks/task-detail/task-header.tsx
+2
View File
@@ -63,6 +63,7 @@ const statusColors: Record<TaskStatus, string> = {
[TaskStatus.NEEDS_REVISION]: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
[TaskStatus.AWAITING_QA]: "bg-yellow-200 text-yellow-800 dark:bg-yellow-800 dark:text-yellow-200",
[TaskStatus.AWAITING_DOCUMENTATION]: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900 dark:text-indigo-300",
[TaskStatus.AWAITING_PR_REVIEW]: "bg-teal-100 text-teal-700 dark:bg-teal-900 dark:text-teal-300",
[TaskStatus.AWAITING_PM_REVIEW]: "bg-orange-200 text-orange-800 dark:bg-orange-800 dark:text-orange-200",
[TaskStatus.AWAITING_CEO_APPROVAL]: "bg-amber-200 text-amber-800 dark:bg-amber-800 dark:text-amber-200",
[TaskStatus.COMPLETED]: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300",
@@ -80,6 +81,7 @@ const statusLabels: Record<TaskStatus, string> = {
[TaskStatus.NEEDS_REVISION]: "Needs Revision",
[TaskStatus.AWAITING_QA]: "Awaiting QA",
[TaskStatus.AWAITING_DOCUMENTATION]: "Awaiting Docs",
[TaskStatus.AWAITING_PR_REVIEW]: "PR Review",
[TaskStatus.AWAITING_PM_REVIEW]: "PM Review",
[TaskStatus.AWAITING_CEO_APPROVAL]: "CEO Approval",
[TaskStatus.COMPLETED]: "Completed",
panel/src/components/tasks/task-filters.tsx
+1
View File
@@ -36,6 +36,7 @@ const STATUS_LABELS: Record<TaskStatus, string> = {
[TaskStatus.NEEDS_REVISION]: "Needs Revision",
[TaskStatus.AWAITING_QA]: "Awaiting QA",
[TaskStatus.AWAITING_DOCUMENTATION]: "Awaiting Docs",
[TaskStatus.AWAITING_PR_REVIEW]: "Awaiting PR Review",
[TaskStatus.AWAITING_PM_REVIEW]: "Awaiting PM Review",
[TaskStatus.AWAITING_CEO_APPROVAL]: "Awaiting CEO Approval",
[TaskStatus.COMPLETED]: "Completed",
panel/src/components/tasks/task-status-badge.tsx
+2 -1
View File
@@ -12,6 +12,7 @@ const statusColors: Record<TaskStatus, string> = {
[TaskStatus.NEEDS_REVISION]: "bg-orange-500",
[TaskStatus.AWAITING_QA]: "bg-yellow-600",
[TaskStatus.AWAITING_DOCUMENTATION]: "bg-indigo-500",
[TaskStatus.AWAITING_PR_REVIEW]: "bg-teal-600",
[TaskStatus.AWAITING_PM_REVIEW]: "bg-orange-600",
[TaskStatus.AWAITING_CEO_APPROVAL]: "bg-amber-600",
[TaskStatus.COMPLETED]: "bg-green-500",
@@ -24,7 +25,7 @@ interface TaskStatusBadgeProps {
export function TaskStatusBadge({ status }: TaskStatusBadgeProps) {
return (
<Badge className={statusColors[status] + " text-white"}>
<Badge className={`${statusColors[status] ?? "bg-slate-600"} text-white`}>
{status.replace(/_/g, " ")}
</Badge>
);
panel/src/types/index.ts
+1
View File
@@ -13,6 +13,7 @@ export enum TaskStatus {
NEEDS_REVISION = "needs_revision",
AWAITING_QA = "awaiting_qa",
AWAITING_DOCUMENTATION = "awaiting_documentation",
AWAITING_PR_REVIEW = "awaiting_pr_review",
AWAITING_PM_REVIEW = "awaiting_pm_review",
AWAITING_CEO_APPROVAL = "awaiting_ceo_approval",
COMPLETED = "completed",