Initial independent version of CrAPP

2026-08-06 08:36:47 +02:00
commit 330669176d
167 changed files with 24096 additions and 0 deletions
@@ -0,0 +1,78 @@
+import { toast } from "sonner";
+import { cn } from "@/lib/utils";
+import { giocatori } from "@/lib/crapp-data";
+import { useGiocatoreCorrente } from "@/lib/user-store";
+import { mediaPartita, useCacche, useSalvaCacche } from "@/lib/cacche";
+
+const opzioni = [0, 1, 2, 3, 4, 5];
+
+/** Sondaggio goliardico pre-partita: quante cacche prima del fischio d'inizio. */
+export function SondaggioCacche({ eventoId }: { eventoId: string }) {
+  const io = useGiocatoreCorrente();
+  const { righe } = useCacche();
+  const salva = useSalvaCacche();
+
+  const dellaPartita = righe.filter((r) => r.evento_id === eventoId);
+  const mia = dellaPartita.find((r) => r.giocatore_id === io?.id);
+  const media = mediaPartita(righe, eventoId);
+  const classifica = [...dellaPartita]
+    .sort((a, b) => b.quantita - a.quantita)
+    .slice(0, 3)
+    .map((r) => ({ ...r, nome: giocatori.find((g) => g.id === r.giocatore_id)?.nome ?? "—" }));
+
+  async function rispondi(quantita: number) {
+    if (!io) return;
+    try {
+      await salva.mutateAsync({ evento_id: eventoId, giocatore_id: io.id, quantita });
+      toast.success("Risposta registrata 💩");
+    } catch {
+      toast.error("Non sono riuscito a salvare la risposta");
+    }
+  }
+
+  return (
+    <div className="rounded-3xl bg-card p-4 shadow-card">
+      <div className="flex items-center justify-between gap-2">
+        <p className="text-[11px] font-bold uppercase tracking-wide text-muted-foreground">
+          💩 Sondaggio pre-partita
+        </p>
+        <span className="rounded-full bg-secondary px-2.5 py-1 text-[10px] font-bold uppercase text-muted-foreground">
+          {dellaPartita.length} risposte
+        </span>
+      </div>
+      <p className="mt-1 text-[11px] text-muted-foreground">
+        Quante cacche hai fatto prima di questa partita? Dato scientifico fondamentale.
+      </p>
+
+      <div className="mt-3 flex flex-wrap gap-1.5">
+        {opzioni.map((n) => (
+          <button
+            key={n}
+            type="button"
+            disabled={!io || salva.isPending}
+            onClick={() => rispondi(n)}
+            className={cn(
+              "min-w-11 rounded-xl px-3 py-2 text-sm font-bold tabular-nums transition-transform active:scale-90 disabled:opacity-50",
+              mia?.quantita === n
+                ? "bg-accent text-accent-foreground shadow-pop"
+                : "bg-secondary text-foreground",
+            )}
+          >
+            {n === 5 ? "5+" : n}
+          </button>
+        ))}
+      </div>
+
+      <div className="mt-3 flex flex-wrap items-center gap-2 text-[11px]">
+        <span className="rounded-full bg-secondary px-2.5 py-1 font-semibold">
+          Media squadra {media}
+        </span>
+        {classifica.map((r, i) => (
+          <span key={r.giocatore_id} className="rounded-full bg-secondary px-2.5 py-1 font-semibold">
+            {i === 0 ? "🥇" : i === 1 ? "🥈" : "🥉"} {r.nome} · {r.quantita}
+          </span>
+        ))}
+      </div>
+    </div>
+  );
+}