Fix mobile overflow, logo nav, round activation, compare projects setting
Some checks failed
Build and Push Docker Image / build (push) Has been cancelled

- Fix assignments page header overflow on mobile (flex-wrap)
- Hide 'Back to Dashboard' button on mobile (logo tap navigates home)
- Make logo/brand text clickable to navigate to role dashboard
- Snap windowOpenAt to now when manually activating a round early
- Gate Compare Projects cards behind jury_compare_enabled setting (defaults off)
- Expose jury_compare_enabled in getFeatureFlags tRPC procedure

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matt
2026-02-17 13:48:12 +01:00
parent bfdbd0fc6a
commit b3b3bbb8b3
5 changed files with 73 additions and 55 deletions

View File

@@ -58,7 +58,7 @@ export default function JuryAssignmentsPage() {
Projects assigned to you for evaluation
</p>
</div>
<Button variant="ghost" size="sm" asChild>
<Button variant="ghost" size="sm" asChild className="hidden md:inline-flex">
<Link href={'/jury' as Route}>
<ArrowLeft className="mr-2 h-4 w-4" />
Back to Dashboard
@@ -89,29 +89,25 @@ export default function JuryAssignmentsPage() {
return (
<Card key={round.id}>
<CardHeader className="pb-3">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
<CardTitle className="text-base">{round.name}</CardTitle>
<Badge variant="secondary" className="text-xs">
{formatEnumLabel(round.roundType)}
<div className="flex flex-wrap items-center gap-2">
<CardTitle className="text-base">{round.name}</CardTitle>
<Badge variant="secondary" className="text-xs shrink-0">
{formatEnumLabel(round.roundType)}
</Badge>
{round.status !== 'ROUND_ACTIVE' && (
<Badge variant="outline" className="text-xs text-muted-foreground shrink-0">
{formatEnumLabel(round.status)}
</Badge>
{round.status !== 'ROUND_ACTIVE' && (
<Badge variant="outline" className="text-xs text-muted-foreground">
{formatEnumLabel(round.status)}
</Badge>
)}
</div>
<div className="flex items-center gap-2">
<span className="text-xs text-muted-foreground">
{completed}/{total} completed
</span>
{round.windowCloseAt && (
<Badge variant="outline" className="text-xs gap-1">
<Clock className="h-3 w-3" />
Due {formatDateOnly(round.windowCloseAt)}
</Badge>
)}
</div>
)}
<span className="text-xs text-muted-foreground ml-auto shrink-0">
{completed}/{total} completed
</span>
{round.windowCloseAt && (
<Badge variant="outline" className="text-xs gap-1 shrink-0">
<Clock className="h-3 w-3" />
Due {formatDateOnly(round.windowCloseAt)}
</Badge>
)}
</div>
</CardHeader>
<CardContent>