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> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
{data.projects.map((project) => ( {data.projects.map((project) => {
const isEliminated = project.roundProjects?.[0]?.status === 'REJECTED'
return (
<TableRow <TableRow
key={project.id} 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> <TableCell>
<Link <Link
@ -385,7 +387,14 @@ export default function ProjectsPage() {
</TableCell> </TableCell>
<TableCell> <TableCell>
<div> <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"> <p className="text-sm text-muted-foreground">
{project.program?.name} {project.program?.name}
</p> </p>
@ -441,7 +450,7 @@ export default function ProjectsPage() {
</DropdownMenu> </DropdownMenu>
</TableCell> </TableCell>
</TableRow> </TableRow>
))} )})}
</TableBody> </TableBody>
</Table> </Table>
</Card> </Card>
@ -483,7 +492,14 @@ export default function ProjectsPage() {
<CardContent className="space-y-3"> <CardContent className="space-y-3">
<div className="flex items-center justify-between text-sm"> <div className="flex items-center justify-between text-sm">
<span className="text-muted-foreground">Round</span> <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>
<div className="flex items-center justify-between text-sm"> <div className="flex items-center justify-between text-sm">
<span className="text-muted-foreground">Assignments</span> <span className="text-muted-foreground">Assignments</span>