auth-yes/ui/components/layout/MobileNav.tsx
google-labs-jules[bot] c8cf9c7df7 refactor(ui): extract layout and sessions subcomponents
Extract Navbar, MobileNav, and UserMenu from AuthenticatedLayout.tsx.
Extract SessionTable, SessionDeck, and SessionsScript from SessionsPage.tsx.
Preserves existing pure Hono SSR JSX and logic.

Co-authored-by: mrteye <1945243+mrteye@users.noreply.github.com>
2026-08-26 06:38:22 +00:00

25 lines
650 B
TypeScript

export const MobileNav = (
{ navItems, currentPath }: { navItems: any[]; currentPath: string },
) => {
return (
<nav class="mobile-bottom-nav">
{navItems.map((item: any) => {
const isActive = item.href === "/dashboard"
? currentPath === "/dashboard"
: currentPath.startsWith(item.href) &&
item.href !== "/dashboard";
return (
<a
href={item.href}
class={isActive ? "active" : ""}
>
<span dangerouslySetInnerHTML={{ __html: item.icon }} />
<span>{item.label}</span>
</a>
);
})}
</nav>
);
};