From 7ae19a7cfefae98d613ae3950b10d51dc5227f42 Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Mon, 23 Feb 2026 00:40:19 +0800
Subject: [PATCH] Add new project statuses to ProjectsWidget and ProjectCard

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/dashboard/ProjectsWidget.tsx | 5 ++++-
 frontend/src/components/projects/ProjectCard.tsx     | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/dashboard/ProjectsWidget.tsx b/frontend/src/components/dashboard/ProjectsWidget.tsx
index 05ea75b..c1d3f34 100644
--- a/frontend/src/components/dashboard/ProjectsWidget.tsx
+++ b/frontend/src/components/dashboard/ProjectsWidget.tsx
@@ -7,10 +7,13 @@ interface ProjectsWidgetProps {
   projects: Project[];
 }
 
-const statusColors = {
+const statusColors: Record<string, string> = {
   not_started: 'bg-gray-500/10 text-gray-500 border-gray-500/20',
   in_progress: 'bg-accent/10 text-accent border-accent/20',
   completed: 'bg-green-500/10 text-green-500 border-green-500/20',
+  blocked: 'bg-red-500/10 text-red-500 border-red-500/20',
+  review: 'bg-yellow-500/10 text-yellow-500 border-yellow-500/20',
+  on_hold: 'bg-orange-500/10 text-orange-500 border-orange-500/20',
 };
 
 export default function ProjectsWidget({ projects }: ProjectsWidgetProps) {
diff --git a/frontend/src/components/projects/ProjectCard.tsx b/frontend/src/components/projects/ProjectCard.tsx
index b50c9ee..feee433 100644
--- a/frontend/src/components/projects/ProjectCard.tsx
+++ b/frontend/src/components/projects/ProjectCard.tsx
@@ -14,12 +14,18 @@ const statusColors: Record<string, string> = {
   not_started: 'bg-gray-500/10 text-gray-400 border-gray-500/20',
   in_progress: 'bg-purple-500/10 text-purple-400 border-purple-500/20',
   completed: 'bg-green-500/10 text-green-400 border-green-500/20',
+  blocked: 'bg-red-500/10 text-red-400 border-red-500/20',
+  review: 'bg-yellow-500/10 text-yellow-400 border-yellow-500/20',
+  on_hold: 'bg-orange-500/10 text-orange-400 border-orange-500/20',
 };
 
 const statusLabels: Record<string, string> = {
   not_started: 'Not Started',
   in_progress: 'In Progress',
   completed: 'Completed',
+  blocked: 'Blocked',
+  review: 'Review',
+  on_hold: 'On Hold',
 };
 
 export default function ProjectCard({ project }: ProjectCardProps) {