"use client";
import { useAuth } from "@/hooks/use-auth";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { ThemeToggle } from "@/components/theme-toggle";
function DashboardIcon() {
return (
);
}
function TargetIcon() {
return (
);
}
function FireIcon() {
return (
);
}
function StrategyIcon() {
return (
);
}
function DiagnoseIcon() {
return (
);
}
function ChatIcon() {
return (
);
}
function WatchlistIcon() {
return (
);
}
function UsersIcon() {
return (
);
}
function SettingsIcon() {
return (
);
}
function SideNavItem({ href, icon, label }: { href: string; icon: React.ReactNode; label: string }) {
const pathname = usePathname();
const isActive = pathname === href || (href !== "/dashboard" && pathname.startsWith(href));
return (
{icon}
{label}
);
}
export function SidebarNav() {
const { user } = useAuth();
return (
);
}
function MobileNavItem({ href, label, children }: { href: string; label: string; children: React.ReactNode }) {
const pathname = usePathname();
const isActive = pathname === href;
return (
{children}
{label}
);
}
export function MobileBottomNav() {
const { user } = useAuth();
return (
);
}