"use client"; import Link from "next/link"; import { usePathname } from "next/navigation"; const navItems = [ { href: "/", label: "Home", icon: (active: boolean) => ( {!active && } ), }, { href: "/genre", label: "Genres", icon: (active: boolean) => ( ), }, { href: "/search", label: "Search", icon: (active: boolean) => ( ), }, ]; export function BottomNav() { const pathname = usePathname(); // Hide bottom nav on chapter reader for immersive reading if (pathname.match(/^\/manga\/[^/]+\/\d+$/)) { return null; } return ( ); }