'use client';
import { usePathname } from 'next/navigation';
import { useParlay } from '@/contexts/ParlayContext';
const TABS = [
{ id: 'home', label: 'Home', href: '/dashboard', icon: HomeIcon },
{ id: 'scan', label: 'Read', href: '/scan', icon: ScanIcon },
{ id: 'parlay', label: 'Parlay', href: null, icon: ParlayIcon },
{ id: 'ledger', label: 'Ledger', href: '/ledger', icon: LedgerIcon },
{ id: 'profile', label: 'Profile', href: '/profile', icon: ProfileIcon },
] as const;
// Pages where the bottom tab bar should stay hidden (auth flows, landing).
const HIDE_ON = new Set(['/login', '/signup', '/auth/callback', '/']);
export default function BottomTabBar() {
const pathname = usePathname() || '/';
const { open, legCount } = useParlay();
if (HIDE_ON.has(pathname)) return null;
return (
);
}
// Lightweight inline SVG icons — keeps the bundle slim and avoids icon-lib install
function HomeIcon({ color }: { color: string }) {
return (
);
}
function ScanIcon({ color }: { color: string }) {
return (
);
}
function ParlayIcon({ color }: { color: string }) {
return (
);
}
function LedgerIcon({ color }: { color: string }) {
return (
);
}
function ProfileIcon({ color }: { color: string }) {
return (
);
}