Files
temetro/frontend/lib/nav.ts
T
Khalid Abdi 9588d16869 Refine sidebar, Notes, and Patients per review feedback
Round-2 fixes to the 6 features:

- Logo: enlarge the sidebar mark, drop the inline wordmark, and show
  "temetro" via a hover tooltip; bigger logo on the auth screens.
- Sidebar footer: wrap the quick-nav, clinic switcher, and user menu in a
  single bordered block so it reads as one footer instead of three cards.
- Sidebar nav: highlight the active page (usePathname + data-[active]), and
  add an Appointments & Schedule sub-page under Patients that auto-expands
  for the current section. New mock /appointments page; reachable via ⌘K.
- Notes: redesign to a two-pane list + editor with an Empty state on the
  right when nothing is selected; fix the editor so text starts top-left
  (div instead of a centering <button>); compact the toolbar; add
  .note-content typography in globals.css so headings/lists/etc. actually
  render (the app has no typography plugin).
- Patients: new PatientDetail laid out to fit the side Sheet (stacked
  full-width sections, no nested click-to-expand dialogs); keep Edit.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-05 00:49:43 +03:00

58 lines
1.4 KiB
TypeScript

import {
BarChart3,
CalendarClock,
type LucideIcon,
NotebookPen,
Plus,
Settings,
Users,
} from "lucide-react";
export type NavSubItem = {
id: string;
// i18n key resolved with t() at render time.
labelKey: string;
icon?: LucideIcon;
link: string;
};
export type NavItem = {
id: string;
// i18n key resolved with t() at render time.
labelKey: string;
icon: LucideIcon;
link: string;
// Optional sub-pages revealed under this item in the sidebar.
subs?: NavSubItem[];
};
// Single source of truth for the primary navigation. Consumed by the sidebar
// (components/sidebar-02/app-sidebar.tsx) and the command palette
// (components/command-palette.tsx) so the two never drift.
export const navItems: NavItem[] = [
{ id: "new-chat", labelKey: "nav.newChat", icon: Plus, link: "/" },
{
id: "patients",
labelKey: "nav.patients",
icon: Users,
link: "/patients",
subs: [
{ id: "patients-list", labelKey: "nav.patients", link: "/patients" },
{
id: "appointments",
labelKey: "nav.appointments",
icon: CalendarClock,
link: "/appointments",
},
],
},
{
id: "analysis",
labelKey: "nav.analysis",
icon: BarChart3,
link: "/analysis",
},
{ id: "notes", labelKey: "nav.notes", icon: NotebookPen, link: "/notes" },
{ id: "settings", labelKey: "nav.settings", icon: Settings, link: "/settings" },
];