fix(FN-1031): replace var(--error) with var(--color-error) in project components

- Fix incorrect CSS token var(--error) → var(--color-error) in ProjectCard, ProjectHealthBadge, and ProjectSelector
- Add regression test suite (ProjectThemeTokens.test.tsx) covering all project components for correct token usage
- Ensures consistency with the design system's CSS custom property naming convention
This commit is contained in:
gsxdsm
2026-04-06 15:05:21 -07:00
parent da6b9bbd98
commit 84ddb7cbd7
4 changed files with 150 additions and 3 deletions

View File

@@ -26,7 +26,7 @@ export interface ProjectSelectorProps {
const STATUS_CONFIG: Record<ProjectStatus, { color: string; icon: typeof Play }> = {
active: { color: "var(--success)", icon: Play },
paused: { color: "var(--warning)", icon: Pause },
errored: { color: "var(--error)", icon: AlertCircle },
errored: { color: "var(--color-error)", icon: AlertCircle },
initializing: { color: "var(--info)", icon: Loader2 },
};