mirror of
https://github.com/tiennm99/bsk.git
synced 2026-09-01 06:18:40 +00:00
tiennm99
b47d8fc3d1
- app/, components/, lib/, i18n/, tests/, proxy renamed via git mv - types carried into JSDoc: @template generics, @typedef aliases, /** @type */ casts where TS had as-casts or non-null assertions - role tuple keeps its const assertion; the db-enum drift guard now checks the tuple values against the generated enum type - use client/use server directives and server-only imports preserved - prettier-formatted; vitest suite unchanged
54 lines
2.0 KiB
React
54 lines
2.0 KiB
React
/**
|
|
* App sidebar — Server Component.
|
|
*
|
|
* Receives user email, role, and locale as props from the (app) layout.
|
|
* Renders role-filtered menu items from ROLE_MENU using locale-aware Links.
|
|
* No client state; active-link highlighting deferred to a later phase.
|
|
*/
|
|
|
|
import { getTranslations } from "next-intl/server";
|
|
import { SidebarNav } from "@/components/app-shell/sidebar-nav";
|
|
import { SignOutButton } from "@/components/app-shell/sign-out-button";
|
|
import { LocaleSwitcher } from "@/components/app-shell/locale-switcher";
|
|
|
|
/**
|
|
* @typedef {object} SidebarProps
|
|
* @property {string} email
|
|
* @property {string | null} fullName
|
|
* @property {import("@/lib/db/roles").AppRole} role
|
|
* @property {string} locale
|
|
*/
|
|
|
|
/** @param {SidebarProps} props */
|
|
export async function Sidebar({ email, fullName, role, locale }) {
|
|
const tRoles = await getTranslations("roles");
|
|
|
|
return (
|
|
<aside className="bg-background border-border flex h-full w-56 shrink-0 flex-col border-r">
|
|
{/* Brand */}
|
|
<div className="border-border border-b px-4 py-4">
|
|
<span className="text-foreground text-lg font-bold tracking-tight">BSK</span>
|
|
<p className="text-muted-foreground text-xs">Clinic Management</p>
|
|
</div>
|
|
|
|
{/* User info — greet by name when set; email drops to a secondary line. */}
|
|
<div className="border-border border-b px-4 py-3">
|
|
<p className="text-foreground truncate text-sm font-medium">{fullName || email}</p>
|
|
{fullName && <p className="text-muted-foreground truncate text-xs">{email}</p>}
|
|
<span className="bg-muted text-foreground mt-1 inline-block rounded px-1.5 py-0.5 text-xs font-medium">
|
|
{tRoles(role)}
|
|
</span>
|
|
</div>
|
|
|
|
{/* Nav items (client component: marks the active route) */}
|
|
<SidebarNav role={role} locale={locale} />
|
|
|
|
{/* Bottom actions */}
|
|
<div className="border-border space-y-1 border-t px-2 py-3">
|
|
<LocaleSwitcher />
|
|
<SignOutButton />
|
|
</div>
|
|
</aside>
|
|
);
|
|
}
|