Docs/Componenti
// componente
Problem
Sezione “before/after”: due finestre in stile finder affiancate. A sinistra la cartella vuota con cui parti oggi, a destra la cartella già cablata che ottieni con ZeroToShip. Chiude con una statline serif grande sotto.
File
components/Problem.tsx
Uso base
app/page.tsx
tsx
import Problem from "@/components/Problem";
<Problem />Personalizzare
- Elementi del tree: l'array
filledTreedefinisce cosa mostra la finestra di destra. Ogni item è{ type: "folder" | "file", name, highlight? }. Gli item conhighlight: truevengono mostrati con background mustard e badge AI-ready. - Contatore “e altri N pezzi”: cambia la costante
hiddenCount. - Punchline finale: modifica l'
<h2>con il numero di ore (di default 72h).