From 438076c572a816e40f1d39b49aa9e64091283124 Mon Sep 17 00:00:00 2001
From: Ivan Cacciari <ivan.cacciari.1995@gmail.com>
Date: Fri, 4 Sep 2026 12:43:53 +0200
Subject: [PATCH] Rende collassabili badge e tesseramento nel profilo e toglie
 Scout Live dalla home.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/crapp/ProfiloAmministrativo.tsx |  6 +++---
 src/components/crapp/ui-bits.tsx               | 17 +++++++++++------
 src/routes/index.tsx                           |  4 ----
 src/routes/profilo.tsx                         |  6 +++---
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/crapp/ProfiloAmministrativo.tsx b/src/components/crapp/ProfiloAmministrativo.tsx
index ee88faf..f4f97c0 100644
--- a/src/components/crapp/ProfiloAmministrativo.tsx
+++ b/src/components/crapp/ProfiloAmministrativo.tsx
@@ -3,7 +3,7 @@ import { Link } from "@tanstack/react-router";
 import { Check, Eye, Loader2, Upload } from "lucide-react";
 import { toast } from "sonner";
 import { cn } from "@/lib/utils";
-import { Section } from "@/components/crapp/ui-bits";
+import { SezioneTendina } from "@/components/crapp/ui-bits";
 import { Reveal } from "@/components/motion/Reveal";
 import {
   caricaFile,
@@ -302,7 +302,7 @@ export function ProfiloAmministrativo({
     scrivi({ ...corrente, [campo]: path });
 
   return (
-    <Section
+    <SezioneTendina
       titolo="Dati per il tesseramento"
       indice={indice}
       azione={<span className="text-xs font-bold tabular-nums text-muted-foreground">{perc}%</span>}
@@ -374,7 +374,7 @@ export function ProfiloAmministrativo({
           {sporco ? "Salva" : "Salvato"}
         </button>
       </div>
-    </Section>
+    </SezioneTendina>
   );
 }
 
diff --git a/src/components/crapp/ui-bits.tsx b/src/components/crapp/ui-bits.tsx
index af66458..bc884a4 100644
--- a/src/components/crapp/ui-bits.tsx
+++ b/src/components/crapp/ui-bits.tsx
@@ -58,12 +58,14 @@ export function SezioneTendina({
   titolo,
   children,
   anteprima,
+  azione,
   defaultAperta = false,
   indice = 0,
 }: {
   titolo: string;
   children: ReactNode;
   anteprima?: ReactNode;
+  azione?: ReactNode;
   defaultAperta?: boolean;
   indice?: number;
 }) {
@@ -77,12 +79,15 @@ export function SezioneTendina({
         aria-expanded={aperta}
       >
         <h2 className="font-display text-lg uppercase tracking-wide">{titolo}</h2>
-        <ChevronDown
-          className={cn(
-            "h-4 w-4 shrink-0 text-muted-foreground transition-transform",
-            aperta && "rotate-180",
-          )}
-        />
+        <span className="flex shrink-0 items-center gap-2">
+          {azione}
+          <ChevronDown
+            className={cn(
+              "h-4 w-4 text-muted-foreground transition-transform",
+              aperta && "rotate-180",
+            )}
+          />
+        </span>
       </button>
       {anteprima}
       {aperta ? children : null}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index ce71298..ec8fae6 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -2,7 +2,6 @@ import { createFileRoute, Link } from "@tanstack/react-router";
 import { Flame, ChevronRight } from "lucide-react";
 import { EventoCard, linkPerEvento } from "@/components/crapp/EventoCard";
 import { PromemoriaPalloni } from "@/components/crapp/PromemoriaPalloni";
-import { ScoutEntry } from "@/components/crapp/ScoutEntry";
 import { Section, StatTile, TeamLogo } from "@/components/crapp/ui-bits";
 import { CompletaProfilo } from "@/components/crapp/ProfiloAmministrativo";
 import { Reveal } from "@/components/motion/Reveal";
@@ -117,9 +116,6 @@ function Index() {
             Nessun impegno in programma.
           </p>
         )}
-        <div className="mt-3">
-          <ScoutEntry />
-        </div>
       </Section>
 
       <CompletaProfilo giocatoreId={giocatore.id} indice={2} />
diff --git a/src/routes/profilo.tsx b/src/routes/profilo.tsx
index a546d24..eef38bb 100644
--- a/src/routes/profilo.tsx
+++ b/src/routes/profilo.tsx
@@ -3,7 +3,7 @@ import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 import { Flame, Camera, Trash2, Bell, LogOut, ShieldCheck, Bug, Lightbulb } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { PageHeader, Section, StatTile } from "@/components/crapp/ui-bits";
+import { PageHeader, Section, SezioneTendina, StatTile } from "@/components/crapp/ui-bits";
 import { Avatar } from "@/components/crapp/Avatar";
 import {
   caricaAvatar,
@@ -201,9 +201,9 @@ function Profilo() {
         <SerieGriglia g={g} />
       </Section>
 
-      <Section titolo="Collezione badge" indice={3}>
+      <SezioneTendina titolo="Collezione badge" indice={3}>
         <CollezioneBadge g={g} votiSocial={votiSocial.data ?? []} />
-      </Section>
+      </SezioneTendina>
 
       <ProfiloAmministrativo giocatoreId={g.id} indice={4} />