Files
medusa-store/www/apps/api-reference/providers/page-title.tsx
Shahed Nasser 5deb8eaf50 docs: support multiple sidebars in a project (#11768)
* changed to new sidebar across projects except resources

* finalize multi sidebar support

* clean up

* remove redundant property

* small changes

* fixes

* generate

* fix error

* fix initial open
2025-03-07 15:47:38 +02:00

46 lines
1.2 KiB
TypeScript

"use client"
import { createContext, useEffect } from "react"
import { useSidebar } from "docs-ui"
import { useArea } from "./area"
import { Sidebar } from "types"
const PageTitleContext = createContext(null)
type PageTitleProviderProps = {
children: React.ReactNode
}
const PageTitleProvider = ({ children }: PageTitleProviderProps) => {
const { activePath, activeItem } = useSidebar()
const { displayedArea } = useArea()
useEffect(() => {
const titleSuffix = `Medusa ${displayedArea} API Reference`
if (!activePath?.length) {
document.title = titleSuffix
} else {
if (activeItem?.path === activePath) {
document.title = `${activeItem?.title} - ${titleSuffix}`
} else {
// find the child that matches the active path
const item = activeItem?.children?.find(
(i) => i.type === "link" && i.path === activePath
) as Sidebar.SidebarItemLink
if (item) {
document.title = `${item.title} - ${titleSuffix}`
}
}
}
}, [activePath, displayedArea, activeItem])
return (
<PageTitleContext.Provider value={null}>
{children}
</PageTitleContext.Provider>
)
}
export default PageTitleProvider