079a8f857a
* Some changes ported from the work on the makerkit.dev website related to the marketing sections of the kit, such as documentation * Added slight background hue to make darker theme better looking * Support more complex configurations for documentation navigations. * Do not fetch content from Keystatic when non-needed * Add cursor pointers in dropdown * Updated packages
28 lines
834 B
TypeScript
28 lines
834 B
TypeScript
import { SidebarProvider } from '@kit/ui/shadcn-sidebar';
|
|
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
|
|
// local imports
|
|
import { DocsNavigation } from './_components/docs-navigation';
|
|
import { getDocs } from './_lib/server/docs.loader';
|
|
import { buildDocumentationTree } from './_lib/utils';
|
|
|
|
async function DocsLayout({ children }: React.PropsWithChildren) {
|
|
const { resolvedLanguage } = await createI18nServerInstance();
|
|
const docs = await getDocs(resolvedLanguage);
|
|
const tree = buildDocumentationTree(docs);
|
|
|
|
return (
|
|
<SidebarProvider
|
|
style={{ '--sidebar-width': '20em' } as React.CSSProperties}
|
|
className={'h-[calc(100vh-72px)] overflow-y-hidden lg:container'}
|
|
>
|
|
<DocsNavigation pages={tree} />
|
|
|
|
{children}
|
|
</SidebarProvider>
|
|
);
|
|
}
|
|
|
|
export default DocsLayout;
|