Sposta lo storico match in Classifica e rimuove i risultati ufficiali duplicati.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/routes/classifica.tsx

@@ -1,11 +1,14 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
-import { RefreshCw } from "lucide-react";
+import { ChevronRight, RefreshCw } from "lucide-react";
 import { cn } from "@/lib/utils";
+import { formatData } from "@/lib/crapp-data";
 import { PageHeader, Section } from "@/components/crapp/ui-bits";
 import { useScoutMatches } from "@/lib/scout-store";
 import { useCsi } from "@/lib/csi";
 import { isNostraSquadra, matchDaPartitaCsi, partiteGiocate } from "@/lib/csi-core";
 import { ScoutEntry } from "@/components/crapp/ScoutEntry";
+import { useVotiMvp, vincitoriMvp } from "@/lib/mvp-voti";
+import { useEventi } from "@/lib/eventi";
 
 export const Route = createFileRoute("/classifica")({
   head: () => ({
@@ -32,10 +35,21 @@ function formatAggiornamento(iso: string) {
 function Classifica() {
   const scoutMatches = useScoutMatches();
   const { data: csi } = useCsi();
+  const votiMvp = useVotiMvp();
+  const mvpPerMatch = vincitoriMvp(votiMvp.data ?? []);
+  const { eventi } = useEventi();
 
   const classifica = csi?.classifica ?? [];
-  const risultati = csi?.partite.length
-    ? partiteGiocate(csi.partite).map(matchDaPartitaCsi)
+  const csiGiocate = csi ? partiteGiocate(csi.partite) : [];
+  const eventoIdPerData = new Map(
+    eventi.filter((e) => e.tipo === "partita").map((e) => [e.data, e.id]),
+  );
+  const tuttiMatch = csiGiocate.length
+    ? csiGiocate.map((p) => ({
+        ...matchDaPartitaCsi(p),
+        mvp: mvpPerMatch[p.id] ?? "",
+        scout: false,
+      }))
     : scoutMatches.map((m) => ({
         id: m.id,
         data: m.data,
@@ -44,6 +58,8 @@ function Classifica() {
         setNostri: m.setNostri,
         setLoro: m.setLoro,
         parziali: m.parziali,
+        mvp: mvpPerMatch[m.id] ?? "",
+        scout: true,
       }));
 
   return (
@@ -107,26 +123,75 @@ function Classifica() {
         </div>
       </Section>
 
-      <Section titolo="Ultimi risultati ufficiali">
-        {risultati.length === 0 ? (
+      <Section titolo="Storico match">
+        {tuttiMatch.length === 0 ? (
           <p className="rounded-3xl bg-card p-4 text-center text-xs text-muted-foreground shadow-card">
-            Nessun risultato disponibile.
+            Nessun match disponibile.
           </p>
         ) : (
-          <div className="space-y-2">
-            {risultati.map((m) => (
-              <div
-                key={m.id}
-                className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 rounded-2xl bg-card p-3 shadow-card"
-              >
-                <p className="truncate text-sm">
-                  {m.casa ? "CRAP Volley" : m.avversario} — {m.casa ? m.avversario : "CRAP Volley"}
-                </p>
-                <span className="font-display text-lg tabular-nums">
-                  {m.casa ? `${m.setNostri}-${m.setLoro}` : `${m.setLoro}-${m.setNostri}`}
-                </span>
-              </div>
-            ))}
+          <div className="space-y-3">
+            {tuttiMatch.map((m) => {
+              const vinta = m.setNostri > m.setLoro;
+              const eventoId = eventoIdPerData.get(m.data);
+              const contenuto = (
+                <>
+                  <div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3">
+                    <div className="min-w-0">
+                      <p className="truncate text-sm font-bold">
+                        {m.casa ? "CRAP Volley" : m.avversario} vs{" "}
+                        {m.casa ? m.avversario : "CRAP Volley"}
+                      </p>
+                      <p className="text-[11px] text-muted-foreground">
+                        {formatData(m.data)} · MVP {m.mvp || "da votare"}
+                        {m.scout ? " · scoutata" : ""}
+                      </p>
+                    </div>
+                    <span
+                      className={cn(
+                        "rounded-xl px-2.5 py-1 font-display text-lg",
+                        vinta
+                          ? "bg-success text-success-foreground"
+                          : "bg-destructive text-destructive-foreground",
+                      )}
+                    >
+                      {m.setNostri}-{m.setLoro}
+                    </span>
+                  </div>
+                  <div className="mt-3 flex flex-wrap items-center gap-1.5">
+                    {m.parziali.map((p, i) => (
+                      <span
+                        key={i}
+                        className={cn(
+                          "rounded-lg px-2 py-1 text-[11px] font-semibold tabular-nums",
+                          p[0] > p[1] ? "bg-secondary" : "bg-muted text-muted-foreground",
+                        )}
+                      >
+                        {p[0]}-{p[1]}
+                      </span>
+                    ))}
+                    {eventoId && !m.mvp ? (
+                      <span className="ml-auto inline-flex items-center gap-0.5 text-[11px] font-bold uppercase text-accent">
+                        Vota MVP <ChevronRight className="h-3.5 w-3.5" />
+                      </span>
+                    ) : null}
+                  </div>
+                </>
+              );
+              return eventoId ? (
+                <Link
+                  key={m.id}
+                  to="/partita/$id"
+                  params={{ id: eventoId }}
+                  className="premi block rounded-3xl bg-card p-4 shadow-card active:scale-[0.99]"
+                >
+                  {contenuto}
+                </Link>
+              ) : (
+                <article key={m.id} className="rounded-3xl bg-card p-4 shadow-card">
+                  {contenuto}
+                </article>
+              );
+            })}
           </div>
         )}
       </Section>