davideandClaude Sonnet 5
0a04025fe9
La classifica e lo storico partite mostravano dati inventati (squadre e risultati finti) come base, poi sovrascritti dai dati CSI quando disponibili. Ora classifica, ultimi risultati, storico match e obiettivi di squadra legati alle vittorie usano solo dati reali (CSI o scout live), con stati vuoti quando i dati CSI non sono ancora disponibili. Include anche la correzione di tutti gli errori di formattazione prettier segnalati da `npm run lint` sul resto del codice sorgente. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import { Link } from "@tanstack/react-router";
|
|
import { CalendarDays, Home, Trophy, User, Users } from "lucide-react";
|
|
|
|
const items = [
|
|
{ to: "/", label: "Home", icon: Home },
|
|
{ to: "/calendario", label: "Calendario", icon: CalendarDays },
|
|
{ to: "/squadra", label: "Squadra", icon: Users },
|
|
{ to: "/classifica", label: "Classifica", icon: Trophy },
|
|
{ to: "/profilo", label: "Profilo", icon: User },
|
|
] as const;
|
|
|
|
export function BottomNav() {
|
|
return (
|
|
<nav className="fixed inset-x-0 bottom-0 z-40 border-t border-border bg-card/95 backdrop-blur-md">
|
|
<div className="mx-auto grid max-w-md grid-cols-5 px-1 pb-[env(safe-area-inset-bottom)]">
|
|
{items.map(({ to, label, icon: Icon }) => (
|
|
<Link
|
|
key={to}
|
|
to={to}
|
|
activeOptions={{ exact: to === "/" }}
|
|
className="group flex flex-col items-center gap-1 py-2.5 text-[10px] font-semibold text-muted-foreground transition-colors data-[status=active]:text-accent"
|
|
>
|
|
<Icon className="h-5 w-5" strokeWidth={2.2} />
|
|
{label}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|