52 lines
No EOL
1.9 KiB
TypeScript
52 lines
No EOL
1.9 KiB
TypeScript
"use client"
|
|
|
|
import { Navigation } from "@/components/navigation";
|
|
import { ModeToggle } from "@/components/mode-toggle";
|
|
import { KnowledgeFilterDropdown } from "@/components/knowledge-filter-dropdown";
|
|
import { useKnowledgeFilter } from "@/contexts/knowledge-filter-context";
|
|
|
|
interface NavigationLayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export function NavigationLayout({ children }: NavigationLayoutProps) {
|
|
const { selectedFilter, setSelectedFilter } = useKnowledgeFilter();
|
|
|
|
return (
|
|
<div className="h-full relative">
|
|
<div className="hidden h-full md:flex md:w-72 md:flex-col md:fixed md:inset-y-0 z-[80] border-r border-border/40">
|
|
<Navigation />
|
|
</div>
|
|
<main className="md:pl-72">
|
|
<div className="flex flex-col min-h-screen">
|
|
<header className="sticky top-0 z-40 w-full border-b border-border/40 bg-background">
|
|
<div className="container flex h-14 max-w-screen-2xl items-center">
|
|
<div className="mr-4 hidden md:flex">
|
|
<h1 className="text-lg font-semibold tracking-tight">
|
|
OpenRAG
|
|
</h1>
|
|
</div>
|
|
<div className="flex flex-1 items-center justify-between space-x-2 md:justify-end">
|
|
<div className="w-full flex-1 md:w-auto md:flex-none">
|
|
{/* Search component could go here */}
|
|
</div>
|
|
<nav className="flex items-center space-x-2">
|
|
<KnowledgeFilterDropdown
|
|
selectedFilter={selectedFilter}
|
|
onFilterSelect={setSelectedFilter}
|
|
/>
|
|
<ModeToggle />
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div className="flex-1">
|
|
<div className="container py-6 lg:py-8">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|