Files
medusa-store/www/packages/docs-ui/src/components/ContentMenu/index.tsx
Shahed Nasser 009d00f27d docs: redesign table of content (#12647)
* implement toc

* added to projects

* fixes and adapt for references

* added product frontmatter

* remove action menu from 404 pages
2025-05-30 16:55:36 +03:00

33 lines
923 B
TypeScript

"use client"
import clsx from "clsx"
import React from "react"
import { ContentMenuVersion } from "./Version"
import { ContentMenuToc } from "./Toc"
import { ContentMenuActions } from "./Actions"
import { ContentMenuProducts } from "./Products"
import { useLayout } from "../../providers"
export const ContentMenu = () => {
const { showCollapsedNavbar } = useLayout()
return (
<div
className={clsx(
"hidden lg:flex w-full max-w-sidebar-lg",
"flex-col gap-docs_2 pt-[28px] pb-docs_1.5 pr-docs_1",
"fixed top-[57px] right-docs_0.25 z-10",
showCollapsedNavbar && "h-[calc(100%-112px)]",
!showCollapsedNavbar && "h-[calc(100%-56px)]"
)}
>
<ContentMenuVersion />
<div className="flex flex-col gap-docs_1.5 flex-1 overflow-auto">
<ContentMenuToc />
<ContentMenuActions />
<ContentMenuProducts />
</div>
</div>
)
}