34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
|
'use client'
|
||
|
|
|
||
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||
|
|
import { Layers } from 'lucide-react'
|
||
|
|
|
||
|
|
type ProjectStatesTableProps = {
|
||
|
|
competitionId: string
|
||
|
|
roundId: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export function ProjectStatesTable({ competitionId, roundId }: ProjectStatesTableProps) {
|
||
|
|
return (
|
||
|
|
<Card>
|
||
|
|
<CardHeader>
|
||
|
|
<CardTitle className="text-base">Project States</CardTitle>
|
||
|
|
<p className="text-sm text-muted-foreground">
|
||
|
|
Projects participating in this round
|
||
|
|
</p>
|
||
|
|
</CardHeader>
|
||
|
|
<CardContent>
|
||
|
|
<div className="flex flex-col items-center justify-center py-12 text-center">
|
||
|
|
<div className="rounded-full bg-muted p-4 mb-4">
|
||
|
|
<Layers className="h-8 w-8 text-muted-foreground" />
|
||
|
|
</div>
|
||
|
|
<p className="text-sm font-medium">No Active Projects</p>
|
||
|
|
<p className="text-xs text-muted-foreground mt-1">
|
||
|
|
Project states will appear here when the round is active
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</CardContent>
|
||
|
|
</Card>
|
||
|
|
)
|
||
|
|
}
|