diff --git a/components/layout/navigation-rail.tsx b/components/layout/navigation-rail.tsx index eeeccbba..595dc55a 100644 --- a/components/layout/navigation-rail.tsx +++ b/components/layout/navigation-rail.tsx @@ -7,7 +7,7 @@ import { AccountSwitcher } from "./account-switcher"; import { icons as lucideIcons, type LucideIcon } from "lucide-react"; import { useConfig } from "@/hooks/use-config"; import { useThemeStore } from "@/stores/theme-store"; -import { usePathname, Link } from "@/i18n/navigation"; +import { usePathname, Link, useRouter } from "@/i18n/navigation"; import NextLink from "next/link"; import { useTranslations } from "next-intl"; import { useCalendarStore } from "@/stores/calendar-store"; @@ -18,7 +18,7 @@ import { usePolicyStore } from "@/stores/policy-store"; import { useAuthStore } from "@/stores/auth-store"; import { useAccountStore } from "@/stores/account-store"; import { getActiveAccountSlotHeaders } from "@/lib/auth/active-account-slot"; -import { getInitials } from "@/lib/account-utils"; +import { getInitials, MAX_ACCOUNTS } from "@/lib/account-utils"; import { cn, formatFileSize } from "@/lib/utils"; import { PluginSlot } from "@/components/plugins/plugin-slot"; import { KeyboardShortcutsModal } from "@/components/keyboard-shortcuts-modal"; @@ -163,6 +163,7 @@ export function NavigationRail({ }: NavigationRailProps) { const t = useTranslations("sidebar"); const pathname = usePathname(); + const router = useRouter(); const { appLogoLightUrl, appLogoDarkUrl } = useConfig(); const resolvedTheme = useThemeStore((s) => s.resolvedTheme); const { supportsCalendar } = useCalendarStore(); @@ -606,6 +607,16 @@ export function NavigationRail({ ); })} + {accounts.length < MAX_ACCOUNTS && ( + + )} {/* Logout button with popover */}