From f731f96a0a37e5caf8cef2e76a46b37e4fbadd8c Mon Sep 17 00:00:00 2001
From: Matt <matt@Matt-Surface.local>
Date: Mon, 16 Feb 2026 18:33:08 +0100
Subject: [PATCH] Hide jury stat card in header for non-jury rounds (INTAKE,
 FILTERING, etc.)

The jury selector card in the stats bar was still visible on round types
where juries don't apply. Now conditionally rendered based on hasJury,
with the grid adjusting from 4 to 3 columns accordingly.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../(admin)/admin/rounds/[roundId]/page.tsx   | 100 +++++++++---------
 1 file changed, 51 insertions(+), 49 deletions(-)

diff --git a/src/app/(admin)/admin/rounds/[roundId]/page.tsx b/src/app/(admin)/admin/rounds/[roundId]/page.tsx
index b101cc8..f435eab 100644
--- a/src/app/(admin)/admin/rounds/[roundId]/page.tsx
+++ b/src/app/(admin)/admin/rounds/[roundId]/page.tsx
@@ -582,7 +582,7 @@ export default function RoundDetailPage() {
       </motion.div>
 
       {/* ===== STATS BAR — Accent-bordered cards ===== */}
-      <div className="grid gap-3 grid-cols-2 sm:grid-cols-4">
+      <div className={cn("grid gap-3 grid-cols-2", hasJury ? "sm:grid-cols-4" : "sm:grid-cols-3")}>
         {/* Projects */}
         <AnimatedCard index={0}>
           <Card className="border-l-4 border-l-[#557f8c] hover:shadow-md transition-shadow">
@@ -605,56 +605,58 @@ export default function RoundDetailPage() {
           </Card>
         </AnimatedCard>
 
-        {/* Jury (with inline group selector) */}
-        <AnimatedCard index={1}>
-          <Card className="border-l-4 border-l-purple-500 hover:shadow-md transition-shadow">
-            <CardContent className="pt-4 pb-3">
-              <div className="flex items-center gap-2.5 mb-1" data-jury-select>
-                <div className="rounded-full bg-purple-50 p-1.5">
-                  <Users className="h-4 w-4 text-purple-500" />
+        {/* Jury (with inline group selector) — only for jury-relevant rounds */}
+        {hasJury && (
+          <AnimatedCard index={1}>
+            <Card className="border-l-4 border-l-purple-500 hover:shadow-md transition-shadow">
+              <CardContent className="pt-4 pb-3">
+                <div className="flex items-center gap-2.5 mb-1" data-jury-select>
+                  <div className="rounded-full bg-purple-50 p-1.5">
+                    <Users className="h-4 w-4 text-purple-500" />
+                  </div>
+                  <span className="text-sm font-medium text-muted-foreground">Jury</span>
                 </div>
-                <span className="text-sm font-medium text-muted-foreground">Jury</span>
-              </div>
-              {juryGroups && juryGroups.length > 0 ? (
-                <Select
-                  value={round.juryGroupId ?? '__none__'}
-                  onValueChange={(value) => {
-                    assignJuryMutation.mutate({
-                      id: roundId,
-                      juryGroupId: value === '__none__' ? null : value,
-                    })
-                  }}
-                  disabled={assignJuryMutation.isPending}
-                >
-                  <SelectTrigger className="h-8 text-xs mt-1">
-                    <SelectValue placeholder="Select jury group..." />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="__none__">No jury assigned</SelectItem>
-                    {juryGroups.map((jg: any) => (
-                      <SelectItem key={jg.id} value={jg.id}>
-                        {jg.name} ({jg._count?.members ?? 0} members)
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
-              ) : juryGroup ? (
-                <>
-                  <p className="text-3xl font-bold mt-2">{juryMemberCount}</p>
-                  <p className="text-xs text-muted-foreground truncate">{juryGroup.name}</p>
-                </>
-              ) : (
-                <>
-                  <p className="text-3xl font-bold mt-2 text-muted-foreground">&mdash;</p>
-                  <p className="text-xs text-muted-foreground">No jury groups yet</p>
-                </>
-              )}
-            </CardContent>
-          </Card>
-        </AnimatedCard>
+                {juryGroups && juryGroups.length > 0 ? (
+                  <Select
+                    value={round.juryGroupId ?? '__none__'}
+                    onValueChange={(value) => {
+                      assignJuryMutation.mutate({
+                        id: roundId,
+                        juryGroupId: value === '__none__' ? null : value,
+                      })
+                    }}
+                    disabled={assignJuryMutation.isPending}
+                  >
+                    <SelectTrigger className="h-8 text-xs mt-1">
+                      <SelectValue placeholder="Select jury group..." />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="__none__">No jury assigned</SelectItem>
+                      {juryGroups.map((jg: any) => (
+                        <SelectItem key={jg.id} value={jg.id}>
+                          {jg.name} ({jg._count?.members ?? 0} members)
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                ) : juryGroup ? (
+                  <>
+                    <p className="text-3xl font-bold mt-2">{juryMemberCount}</p>
+                    <p className="text-xs text-muted-foreground truncate">{juryGroup.name}</p>
+                  </>
+                ) : (
+                  <>
+                    <p className="text-3xl font-bold mt-2 text-muted-foreground">&mdash;</p>
+                    <p className="text-xs text-muted-foreground">No jury groups yet</p>
+                  </>
+                )}
+              </CardContent>
+            </Card>
+          </AnimatedCard>
+        )}
 
         {/* Window */}
-        <AnimatedCard index={2}>
+        <AnimatedCard index={hasJury ? 2 : 1}>
           <Card className="border-l-4 border-l-emerald-500 hover:shadow-md transition-shadow">
             <CardContent className="pt-4 pb-3">
               <div className="flex items-center gap-2.5">
@@ -687,7 +689,7 @@ export default function RoundDetailPage() {
         </AnimatedCard>
 
         {/* Advancement */}
-        <AnimatedCard index={3}>
+        <AnimatedCard index={hasJury ? 3 : 2}>
           <Card className="border-l-4 border-l-amber-500 hover:shadow-md transition-shadow">
             <CardContent className="pt-4 pb-3">
               <div className="flex items-center gap-2.5">