From 99ca3b6495f66e66ea6a94a08bad2251262ba98c Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Thu, 10 Sep 2026 14:38:33 +0200
Subject: [PATCH] Rende ad accordion l'elenco Profili in admin: una sola scheda
 aperta
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lo stato "quale giocatore è aperto" sale a Dashboard invece di essere
locale a ogni SchedaGiocatore, così aprirne una chiude quella precedente.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/routes/admin.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/routes/admin.tsx b/src/routes/admin.tsx
index 8cf9468..f14ff1f 100644
--- a/src/routes/admin.tsx
+++ b/src/routes/admin.tsx
@@ -380,13 +380,16 @@ function SchedaGiocatore({
   profilo,
   oggi,
   indice,
+  aperta,
+  onToggle,
 }: {
   g: GiocatoreSquadra;
   profilo: Profilo | undefined;
   oggi: string;
   indice: number;
+  aperta: boolean;
+  onToggle: () => void;
 }) {
-  const [aperta, setAperta] = useState(false);
   const nome = nomeCompleto(g);
   const { ruolo, numero } = g;
   const perc = completamento(profilo);
@@ -397,11 +400,7 @@ function SchedaGiocatore({
 
   return (
     <Reveal indice={indice} className="rounded-2xl bg-card p-4 shadow-card">
-      <button
-        type="button"
-        onClick={() => setAperta((v) => !v)}
-        className="flex w-full items-center gap-3 text-left"
-      >
+      <button type="button" onClick={onToggle} className="flex w-full items-center gap-3 text-left">
         <div className="grid h-10 w-10 shrink-0 place-items-center rounded-xl bg-secondary font-display text-sm tabular-nums">
           {numero}
         </div>
@@ -620,6 +619,7 @@ function Dashboard() {
   const { righe: squadra } = useGiocatoriSquadra();
   const { profili, isPending } = useProfili();
   const { data: notificheAttive } = useNotificheAttive();
+  const [schedaAperta, setSchedaAperta] = useState<string | null>(null);
   const oggi = oggiISO();
 
   if (!admin) {
@@ -676,7 +676,15 @@ function Dashboard() {
   ) : (
     <div className="space-y-3">
       {attivi.map((g, i) => (
-        <SchedaGiocatore key={g.id} g={g} profilo={profili[g.id]} oggi={oggi} indice={i} />
+        <SchedaGiocatore
+          key={g.id}
+          g={g}
+          profilo={profili[g.id]}
+          oggi={oggi}
+          indice={i}
+          aperta={schedaAperta === g.id}
+          onToggle={() => setSchedaAperta((v) => (v === g.id ? null : g.id))}
+        />
       ))}
     </div>
   );