'use client';
import * as React from 'react';
import RouterLink from 'next/link';
import { usePathname } from 'next/navigation';
import Box from '@mui/material/Box';
// import Button from '@mui/material/Button';
import Divider from '@mui/material/Divider';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
// import { ArrowSquareUpRight as ArrowSquareUpRightIcon } from '@phosphor-icons/react/dist/ssr/ArrowSquareUpRight';
// import { CaretUpDown as CaretUpDownIcon } from '@phosphor-icons/react/dist/ssr/CaretUpDown';
import type { NavItemConfig } from '@/types/nav';
import { paths } from '@/paths';
import { isNavItemActive } from '@/lib/is-nav-item-active';
import { Logo } from '@/components/core/logo';
import { useUser } from '@/hooks/use-user';
import { getNavItems } from './config';
import { navIcons } from './nav-icons';
import { CompanySelector } from '../../company/CompanySelector';
export function SideNav(): React.JSX.Element {
const pathname = usePathname();
const { user } = useUser();
const dynamicNavItems = getNavItems(user);
// const activeCompany = user?.companies?.find((c) => c.active) || null;
return (
{renderNavItems({ pathname, items: dynamicNavItems })}
);
}
function renderNavItems({ items = [], pathname }: { items?: NavItemConfig[]; pathname: string }): React.JSX.Element {
const children = items.map((item) => {
// Ensure the key is defined and unique, falling back to both key and title
const uniqueKey = item.key || item.title || `${item.title}-${item.href}`;
return (
);
});
return (
{children}
);
}
interface NavItemProps extends Omit {
pathname: string;
}
function NavItem({ disabled, external, href, icon, matcher, pathname, title }: NavItemProps): React.JSX.Element {
const active = isNavItemActive({ disabled, external, href, matcher, pathname });
const Icon = icon ? navIcons[icon] : null;
return (
{Icon ? (
) : null}
{title}
);
}