From 208dd5f2f6dc55abd8d256db22ec088cbb5edcd2 Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Sun, 6 Sep 2026 10:27:12 +0200
Subject: [PATCH] =?UTF-8?q?Blocca=20la=20modifica=20delle=20presenze=20e?=
 =?UTF-8?q?=20il=20sollecito=20per=20eventi=20gi=C3=A0=20passati.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/crapp/EventoCard.tsx   |  6 ++++--
 src/components/crapp/RosaPresenze.tsx | 10 ++++++----
 src/routes/allenamento.$id.tsx        |  2 +-
 src/routes/partita.$id.tsx            |  2 +-
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/crapp/EventoCard.tsx b/src/components/crapp/EventoCard.tsx
index f485a57..a4475f6 100644
--- a/src/components/crapp/EventoCard.tsx
+++ b/src/components/crapp/EventoCard.tsx
@@ -8,6 +8,7 @@ import { Barra } from "@/components/motion/Barra";
 import { useGiocatoriSquadra } from "@/lib/giocatori-squadra";
 import { usePresenzeEvento, useSalvaPresenza } from "@/lib/presenze";
 import { useGiocatoreCorrente } from "@/lib/user-store";
+import { dataOggi } from "@/lib/scout-live";
 
 const tipoMeta = {
   partita: { label: "Partita", className: "bg-accent text-accent-foreground" },
@@ -51,6 +52,7 @@ export function EventoCard({
   const totale = rosa.length;
   const perc = totale ? Math.round((presentiVeri / totale) * 100) : 0;
   const isCompleanno = evento.tipo === "compleanno";
+  const passato = evento.data < dataOggi();
 
   if (isCompleanno) {
     return (
@@ -130,7 +132,7 @@ export function EventoCard({
               <button
                 key={s}
                 type="button"
-                disabled={salva.isPending}
+                disabled={salva.isPending || passato}
                 onClick={() =>
                   salva.mutate({
                     eventoId: evento.id,
@@ -142,7 +144,7 @@ export function EventoCard({
                 className={cn(
                   // min-h-11: sono i controlli più toccati dell'app, sotto i
                   // 44px si sbaglia bersaglio.
-                  "min-h-11 rounded-full border border-border px-3 text-xs font-semibold transition-all active:scale-95",
+                  "min-h-11 rounded-full border border-border px-3 text-xs font-semibold transition-all active:scale-95 disabled:opacity-50",
                   attivo
                     ? cn(meta.className, "border-transparent shadow-card")
                     : "bg-background text-muted-foreground",
diff --git a/src/components/crapp/RosaPresenze.tsx b/src/components/crapp/RosaPresenze.tsx
index 5123a52..d651f31 100644
--- a/src/components/crapp/RosaPresenze.tsx
+++ b/src/components/crapp/RosaPresenze.tsx
@@ -10,16 +10,18 @@ import { usePresenzeEvento, useSalvaPresenza } from "@/lib/presenze";
 import { useRosa } from "@/lib/rosa";
 import { useGiocatoreCorrente } from "@/lib/user-store";
 import { useIsAdmin } from "@/lib/ruoli";
+import { dataOggi } from "@/lib/scout-live";
 
 const ordine: Stato[] = ["presente", "ritardo", "forse", "infortunato", "assente"];
 
-export function RosaPresenze({ eventoId }: { eventoId: string }) {
+export function RosaPresenze({ eventoId, data }: { eventoId: string; data: string }) {
   const { risposte, isPending } = usePresenzeEvento(eventoId);
   const salva = useSalvaPresenza();
   const io = useGiocatoreCorrente();
   const admin = useIsAdmin();
   const rosa = useRosa();
   const [sollecito, setSollecito] = useState(false);
+  const passato = data < dataOggi();
 
   const mancanti = rosa.filter((g) => !risposte[g.id]);
   const risposteN = rosa.length - mancanti.length;
@@ -91,12 +93,12 @@ export function RosaPresenze({ eventoId }: { eventoId: string }) {
                   <button
                     key={s}
                     type="button"
-                    disabled={salva.isPending}
+                    disabled={salva.isPending || passato}
                     onClick={() =>
                       salva.mutate({ eventoId, giocatoreId: io.id, stato: attivo ? null : s })
                     }
                     className={cn(
-                      "rounded-full border border-border px-2.5 py-1.5 text-xs font-semibold transition-all active:scale-95",
+                      "rounded-full border border-border px-2.5 py-1.5 text-xs font-semibold transition-all active:scale-95 disabled:opacity-50",
                       attivo
                         ? cn(statoMeta[s].className, "border-transparent shadow-card")
                         : "bg-background text-muted-foreground",
@@ -114,7 +116,7 @@ export function RosaPresenze({ eventoId }: { eventoId: string }) {
           <button
             type="button"
             onClick={sollecita}
-            disabled={sollecito || daSollecitare === 0}
+            disabled={sollecito || daSollecitare === 0 || passato}
             className="premi mt-4 flex w-full items-center justify-center gap-2 rounded-2xl bg-primary px-4 py-3 text-sm font-bold text-primary-foreground disabled:opacity-50"
           >
             {sollecito ? (
diff --git a/src/routes/allenamento.$id.tsx b/src/routes/allenamento.$id.tsx
index 9ed462b..c366a2e 100644
--- a/src/routes/allenamento.$id.tsx
+++ b/src/routes/allenamento.$id.tsx
@@ -91,7 +91,7 @@ function AllenamentoDetail() {
       </Section>
 
       <Section titolo="Rosa e presenze">
-        <RosaPresenze eventoId={evento.id} />
+        <RosaPresenze eventoId={evento.id} data={evento.data} />
       </Section>
     </>
   );
diff --git a/src/routes/partita.$id.tsx b/src/routes/partita.$id.tsx
index 7095b9b..d08931e 100644
--- a/src/routes/partita.$id.tsx
+++ b/src/routes/partita.$id.tsx
@@ -263,7 +263,7 @@ function PartitaDetail() {
       ) : null}
 
       <Section titolo="Rosa e presenze">
-        <RosaPresenze eventoId={evento.id} />
+        <RosaPresenze eventoId={evento.id} data={evento.data} />
       </Section>
     </>
   );