letsbe
/
MOPC-App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add visual indicator for eliminated projects
Build and Push Docker Image / build (push) Has been cancelled Details 

- 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>
This commit is contained in:
Matt 2026-02-04 09:49:31 +01:00
parent 68c0ed00e4
commit 20db3e1e3a
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/(admin)/admin/projects/page.tsx
View File

@ -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>