openhands
30c95b1a5c
- Fix DOMPurify SSR crash (use isomorphic-dompurify) - Fix SanitizedHtml to sanitize by default - Add auth guards to studio/catalog maintenance pages - Add update/edit to vouchers CRUD - Add update/edit to rare-values CRUD - Add approve workflow to applications page - Add edit form to guilds detail page - Add SEO metadata to all public pages (21 pages) - Fix mobile nav accessibility (focus trap, aria attributes) - Fix missing labels and table accessibility - Add dynamic imports for heavy client components (6 components) - Fix silent error swallowing (40+ locations) - Add content scheduling for articles (publishAt, status) - Wire up 12 missing webhook notification triggers - Add global search to admin panel - Add bulk actions to admin users table - Fix JSON formatting and a11y issues
48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import { usePathname } from "next/navigation";
|
|
import { useTranslations } from "next-intl";
|
|
import { SearchDialog } from "@/components/admin/search-dialog";
|
|
import { LanguageSwitcher } from "@/components/language-switcher";
|
|
import { ThemeSwitcher } from "@/components/theme-switcher";
|
|
import { findAdminHub } from "@/lib/admin-nav";
|
|
|
|
export function AdminTopbar({
|
|
staff,
|
|
}: {
|
|
staff: { id: number; username: string; rank: number };
|
|
}) {
|
|
const tNav = useTranslations("pages.admin.nav");
|
|
const tHubs = useTranslations("pages.admin.hubs");
|
|
const pathname = usePathname() ?? "";
|
|
const hub = findAdminHub(pathname);
|
|
const title = hub ? tHubs(hub.titleKey) : tNav("housekeeping");
|
|
|
|
return (
|
|
<header className="flex items-center justify-between gap-4 bg-[var(--admin-surface)] border border-[var(--admin-border)] rounded-2xl px-5 py-3 mb-5 shadow-card">
|
|
<div className="flex items-center gap-3">
|
|
<h2 className="m-0 text-base font-extrabold text-[var(--admin-text)]">
|
|
{title}
|
|
</h2>
|
|
<span className="hidden sm:inline-block w-px h-5 bg-[var(--admin-border)]" />
|
|
<span className="hidden sm:inline text-xs text-[var(--admin-text-muted)]">
|
|
{tNav("hotelManagementPanel")}
|
|
</span>
|
|
</div>
|
|
<div className="flex items-center gap-3">
|
|
<SearchDialog />
|
|
<div className="flex items-center gap-1.5 lg:hidden">
|
|
<LanguageSwitcher variant="admin" />
|
|
<ThemeSwitcher variant="admin" />
|
|
</div>
|
|
<span className="text-xs text-[var(--admin-text-muted)]">
|
|
<strong className="text-[var(--admin-text)]">{staff.username}</strong>
|
|
</span>
|
|
<span className="inline-flex items-center gap-1.5 text-[0.6rem] font-bold uppercase tracking-wider text-[var(--admin-accent-foreground)] bg-[var(--admin-accent)] rounded-full px-2.5 py-1">
|
|
{tNav("rankLabel", { rank: staff.rank })}
|
|
</span>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|