test
Excerpt
this is test sa
<nav className="flex gap-1 overflow-x-auto px-3 pb-3 md:flex-col md:overflow-visible">
{links.map((link) => {
const active = link.exact ? pathname === link.href : pathname === link.href || pathname.startsWith(`${link.href}/`);
return (
<Link
key={link.href}
href={link.href}
className={`rounded-md px-3 py-2 text-sm whitespace-nowrap ${active ? "bg-foreground text-background" : "hover:bg-muted"}`}
>
{link.label}
{link.href === "/admin/quotes" && unread > 0 ? ` (${unread})` : ""}
</Link>
);
})}
<Link href="/en" target="_blank" className="rounded-md px-3 py-2 text-sm hover:bg-muted">
View site
</Link>
</nav>