From 20db3e1e3a0555150fea12a2fd384281c46aad5f Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Wed, 4 Feb 2026 09:49:31 +0100
Subject: [PATCH] Add visual indicator for eliminated projects

- Shows "Eliminated" badge next to round name for REJECTED projects
- Rows for eliminated projects have reduced opacity and red tint
- Works in both table and mobile card views

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/(admin)/admin/projects/page.tsx | 26 ++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/app/(admin)/admin/projects/page.tsx b/src/app/(admin)/admin/projects/page.tsx
index 992deaa..6da3013 100644
--- a/src/app/(admin)/admin/projects/page.tsx
+++ b/src/app/(admin)/admin/projects/page.tsx
@@ -358,10 +358,12 @@ export default function ProjectsPage() {
                 </TableRow>
               </TableHeader>
               <TableBody>
-                {data.projects.map((project) => (
+                {data.projects.map((project) => {
+                  const isEliminated = project.roundProjects?.[0]?.status === 'REJECTED'
+                  return (
                   <TableRow
                     key={project.id}
-                    className="group relative cursor-pointer hover:bg-muted/50"
+                    className={`group relative cursor-pointer hover:bg-muted/50 ${isEliminated ? 'opacity-60 bg-destructive/5' : ''}`}
                   >
                     <TableCell>
                       <Link
@@ -385,7 +387,14 @@ export default function ProjectsPage() {
                     </TableCell>
                     <TableCell>
                       <div>
-                        <p>{project.roundProjects?.[0]?.round?.name ?? '-'}</p>
+                        <div className="flex items-center gap-2">
+                          <p>{project.roundProjects?.[0]?.round?.name ?? '-'}</p>
+                          {project.roundProjects?.[0]?.status === 'REJECTED' && (
+                            <Badge variant="destructive" className="text-xs">
+                              Eliminated
+                            </Badge>
+                          )}
+                        </div>
                         <p className="text-sm text-muted-foreground">
                           {project.program?.name}
                         </p>
@@ -441,7 +450,7 @@ export default function ProjectsPage() {
                       </DropdownMenu>
                     </TableCell>
                   </TableRow>
-                ))}
+                )})}
               </TableBody>
             </Table>
           </Card>
@@ -483,7 +492,14 @@ export default function ProjectsPage() {
                   <CardContent className="space-y-3">
                     <div className="flex items-center justify-between text-sm">
                       <span className="text-muted-foreground">Round</span>
-                      <span>{project.roundProjects?.[0]?.round?.name ?? '-'}</span>
+                      <div className="flex items-center gap-2">
+                        <span>{project.roundProjects?.[0]?.round?.name ?? '-'}</span>
+                        {project.roundProjects?.[0]?.status === 'REJECTED' && (
+                          <Badge variant="destructive" className="text-xs">
+                            Eliminated
+                          </Badge>
+                        )}
+                      </div>
                     </div>
                     <div className="flex items-center justify-between text-sm">
                       <span className="text-muted-foreground">Assignments</span>