37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
import { SidebarTrigger } from "@/components/ui/sidebar";
|
||
import type { SessionUser } from "@/features/auth/types";
|
||
import type { HouseholdSummary } from "@/features/households/types";
|
||
import { tr } from "@/i18n/tr";
|
||
import { HouseholdSwitcher } from "./household-switcher";
|
||
import { QuickAddButton } from "./quick-add";
|
||
import { ThemeToggle } from "./theme-toggle";
|
||
import { UserMenu } from "./user-menu";
|
||
|
||
/** Üst bar: menü düğmesi (masaüstü), hane seçici, hızlı ekle, tema ve kullanıcı menüsü. */
|
||
export function AppHeader({
|
||
user,
|
||
households,
|
||
activeHouseholdId,
|
||
canWrite,
|
||
version,
|
||
}: {
|
||
user: SessionUser;
|
||
households: HouseholdSummary[];
|
||
activeHouseholdId: string | undefined;
|
||
/** Aktif hanede en az "member" mi? (İzleyici veri giremez.) */
|
||
canWrite: boolean;
|
||
version: string;
|
||
}) {
|
||
return (
|
||
<header className="sticky top-0 z-30 flex h-14 items-center gap-2 border-b bg-background/95 px-3 backdrop-blur supports-backdrop-filter:bg-background/80 md:px-4">
|
||
<SidebarTrigger className="hidden md:inline-flex" aria-label={tr.nav.toggleSidebar} />
|
||
<HouseholdSwitcher households={households} activeId={activeHouseholdId} />
|
||
<div className="ml-auto flex items-center gap-1">
|
||
{canWrite ? <QuickAddButton className="hidden md:inline-flex" /> : null}
|
||
<ThemeToggle />
|
||
<UserMenu user={user} version={version} />
|
||
</div>
|
||
</header>
|
||
);
|
||
}
|