Files
medusa-store/www/packages/docs-ui/src/layouts/root.tsx
T
Shahed Nasser 0a37675f0e docs: add routing page (#9550)
- Add a new homepage to `book` project for the routing page
- Move all main doc pages to be under `/v2/learn` (and added redirects + fixed links across docs)
- Other: add admin components to resources dropdown + fixes to search on mobile.

Closes DX-955

Preview: https://docs-v2-git-docs-router-page-medusajs.vercel.app/v2
2024-10-18 08:24:34 +00:00

47 lines
1.3 KiB
TypeScript

import React from "react"
import clsx from "clsx"
import { RootProviders, Sidebar, SidebarProps } from "@/components"
import { Toc } from "../components/Toc"
import { MainContentLayout, MainContentLayoutProps } from "./main-content"
export type RootLayoutProps = {
bodyClassName?: string
showToc?: boolean
sidebarProps?: SidebarProps
showPagination?: boolean
feedbackComponent?: React.ReactNode
editComponent?: React.ReactNode
showBreadcrumbs?: boolean
ProvidersComponent: React.FC<{ children: React.ReactNode }>
} & MainContentLayoutProps
export const RootLayout = ({
bodyClassName,
sidebarProps,
showToc = true,
ProvidersComponent,
...mainProps
}: RootLayoutProps) => {
return (
<body
className={clsx(
"bg-medusa-bg-subtle font-base text-medium w-full",
"text-medusa-fg-subtle",
"h-screen overflow-hidden",
"grid grid-cols-1 lg:mx-auto lg:grid-cols-[221px_1fr]",
bodyClassName
)}
>
<RootProviders>
<ProvidersComponent>
<Sidebar {...sidebarProps} />
<div className={clsx("relative", "h-screen", "flex")}>
<MainContentLayout {...mainProps} />
{showToc && <Toc />}
</div>
</ProvidersComponent>
</RootProviders>
</body>
)
}