44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { headers } from "next/headers";
|
|
import type { NavStyle } from "@/modules/_core/themes";
|
|
import type { DashboardMeta } from "@/app/d/actions";
|
|
import { Sidebar } from "@/components/sidebar";
|
|
import { Topbar } from "@/components/topbar";
|
|
import { BottomNav } from "@/components/bottom-nav";
|
|
import { NavModeProvider } from "@/components/nav-mode-provider";
|
|
|
|
const BARE_PREFIXES = ["/s/", "/login"];
|
|
|
|
interface Props {
|
|
signedIn: boolean;
|
|
navStyle: NavStyle;
|
|
dashboards: DashboardMeta[];
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export async function AppShell({ signedIn, navStyle, children }: Props) {
|
|
const h = await headers();
|
|
const pathname = h.get("x-pathname") ?? "";
|
|
const bare = BARE_PREFIXES.some(
|
|
(p) => pathname === p || pathname.startsWith(p + "/") || pathname === p.replace(/\/$/, ""),
|
|
);
|
|
|
|
if (bare || !signedIn) {
|
|
// No shell — share viewer and signed-out pages render bare.
|
|
return <>{children}</>;
|
|
}
|
|
|
|
const useTopVariant = navStyle === "top-nav";
|
|
|
|
return (
|
|
<div className="app">
|
|
{useTopVariant ? <Sidebar variant="top" /> : <Sidebar variant="side" />}
|
|
<main className="main">
|
|
<Topbar />
|
|
<div className="scroll-area">{children}</div>
|
|
</main>
|
|
<BottomNav />
|
|
<NavModeProvider navStyle={navStyle} />
|
|
</div>
|
|
);
|
|
}
|