mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-05 13:29:44 +02:00
4872dc50bd
The priority badge in the issue/project priority picker dropdown used a parallel `bg-priority` orange color family (with opacity gradient for level intensity), while the standalone PriorityIcon outside the dropdown used semantic tokens — destructive for Urgent, warning for High/Medium, info for Low. The two languages produced an inconsistency users noticed most clearly on Low: blue in the list, orange in the picker. Switch the dropdown badges to the same semantic tokens as the icon, and remove the now-unused `--priority` / `--color-priority` design token from both `packages/ui/styles/tokens.css` and `apps/web/app/custom.css`. Closes multica-ai/multica#2289 Co-authored-by: multica-agent <github@multica.ai>
40 lines
1.9 KiB
TypeScript
40 lines
1.9 KiB
TypeScript
import type { ProjectStatus, ProjectPriority } from "../types";
|
|
|
|
export const PROJECT_STATUS_ORDER: ProjectStatus[] = [
|
|
"planned",
|
|
"in_progress",
|
|
"paused",
|
|
"completed",
|
|
"cancelled",
|
|
];
|
|
|
|
export const PROJECT_STATUS_CONFIG: Record<
|
|
ProjectStatus,
|
|
{ label: string; color: string; dotColor: string; badgeBg: string; badgeText: string }
|
|
> = {
|
|
planned: { label: "Planned", color: "text-muted-foreground", dotColor: "bg-muted-foreground", badgeBg: "bg-muted", badgeText: "text-muted-foreground" },
|
|
in_progress: { label: "In Progress", color: "text-warning", dotColor: "bg-warning", badgeBg: "bg-warning", badgeText: "text-white" },
|
|
paused: { label: "Paused", color: "text-muted-foreground", dotColor: "bg-muted-foreground", badgeBg: "bg-muted", badgeText: "text-muted-foreground" },
|
|
completed: { label: "Completed", color: "text-info", dotColor: "bg-info", badgeBg: "bg-info", badgeText: "text-white" },
|
|
cancelled: { label: "Cancelled", color: "text-destructive", dotColor: "bg-destructive", badgeBg: "bg-muted", badgeText: "text-muted-foreground" },
|
|
};
|
|
|
|
export const PROJECT_PRIORITY_ORDER: ProjectPriority[] = [
|
|
"urgent",
|
|
"high",
|
|
"medium",
|
|
"low",
|
|
"none",
|
|
];
|
|
|
|
export const PROJECT_PRIORITY_CONFIG: Record<
|
|
ProjectPriority,
|
|
{ label: string; bars: number; color: string; badgeBg: string; badgeText: string }
|
|
> = {
|
|
urgent: { label: "Urgent", bars: 4, color: "text-destructive", badgeBg: "bg-destructive/10", badgeText: "text-destructive" },
|
|
high: { label: "High", bars: 3, color: "text-warning", badgeBg: "bg-warning/10", badgeText: "text-warning" },
|
|
medium: { label: "Medium", bars: 2, color: "text-warning", badgeBg: "bg-warning/10", badgeText: "text-warning" },
|
|
low: { label: "Low", bars: 1, color: "text-info", badgeBg: "bg-info/10", badgeText: "text-info" },
|
|
none: { label: "No priority", bars: 0, color: "text-muted-foreground", badgeBg: "bg-muted", badgeText: "text-muted-foreground" },
|
|
};
|