Files
ProxMenux/web/app/[locale]/docs/layout.tsx
T
MacRimi 5ca3463bf6 complete i18n migration to /[locale]/ with EN+ES content
Full rewrite of the docs site under app/[locale]/ with next-intl
in localePrefix:"always" mode. Every page now exists at both
/en/<path> and /es/<path>; the root / shows a meta-refresh + JS
redirect to /<defaultLocale>/ so GitHub Pages serves something
on the apex URL.

Highlights:
- 107 doc pages migrated to file-per-page JSON namespaces under
  messages/en/ and messages/es/. Spanish content is fully
  translated (no copy-of-English placeholders).
- New documentation for the Active Suppressions section in the
  Settings tab and the per-event Dismiss dropdown in the Health
  Monitor modal.
- New screenshots: dismiss-duration-dropdown.png and an updated
  health-suppression-settings.png.
- Pagefind integrated for client-side search; index is built on
  every CI deploy (not committed).
- RSS feeds: per-locale at /<locale>/rss.xml plus root /rss.xml
  for backward compat.
- Removed the dead app/[locale]/guides/[slug]/ route — every
  guide now has its own static page and no markdown source
  remains.
- Fixed orphan link /guides/nvidia -> /guides/nvidia-manual in
  docs/hardware/nvidia-host.
- Removed obsolete components (footer2, calendar, drawer).

Verified locally with `npm ci && npm run build`: 2804 files in
out/, 231 pages indexed by pagefind, root redirect intact, both
locale roots and the new Active Suppressions docs render OK.
2026-05-31 12:41:10 +02:00

44 lines
1.8 KiB
TypeScript

import type React from "react"
import DocSidebar from "@/components/DocSidebar"
import Footer from "@/components/footer"
import { DocNavigation } from "@/components/ui/doc-navigation"
import { DocBreadcrumb } from "@/components/DocBreadcrumb"
import { DocTableOfContents } from "@/components/DocTableOfContents"
/**
* Docs layout — three-column shell matching the Hermes / Docusaurus
* pattern the user asked for:
*
* ┌─────────┬───────────────────────┬─────────┐
* │ Sidebar │ Breadcrumb + Article │ ToC │
* │ (fixed) │ (scrollable) │ (sticky)│
* └─────────┴───────────────────────┴─────────┘
*
* - Sidebar: 18 rem, fixed left on lg+, slide-down drawer on mobile.
* - Main: max width capped at ~980 px for comfortable line length.
* - ToC: 14 rem, sticky right rail, only shown on xl+ where there is
* enough horizontal room to display it without crowding the article.
*/
export default function DocsLayout({ children }: { children: React.ReactNode }) {
return (
<div className="flex flex-col min-h-screen bg-white text-gray-900">
<DocSidebar />
<div className="flex flex-col flex-1 pt-16 lg:pt-0 lg:pl-72">
<div className="flex flex-1">
<main className="flex-1 min-w-0 p-4 lg:p-6 pt-6 lg:pt-6">
<div className="max-w-3xl mx-auto" style={{ maxWidth: "980px" }}>
<DocBreadcrumb />
{children}
<DocNavigation />
</div>
</main>
<aside className="hidden xl:block w-56 shrink-0 py-6 pr-6">
<DocTableOfContents />
</aside>
</div>
<Footer />
</div>
</div>
)
}