Blocca la modifica delle presenze e il sollecito per eventi già passati.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

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",

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 ? (

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>
     </>
   );

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>
     </>
   );