import { FC } from "react"; import { observer } from "mobx-react-lite"; import { useRouter } from "next/router"; import { FileText, Plus } from "lucide-react"; // hooks // ui import { Breadcrumbs, Button } from "@plane/ui"; // helpers import { BreadcrumbLink } from "@/components/common"; // components import { ProjectLogo } from "@/components/project"; import { useApplication, usePage, useProject } from "@/hooks/store"; export interface IPagesHeaderProps { showButton?: boolean; } export const PageDetailsHeader: FC = observer((props) => { const { showButton = false } = props; const router = useRouter(); const { workspaceSlug, pageId } = router.query; const { commandPalette: commandPaletteStore } = useApplication(); const { currentProjectDetails } = useProject(); const { name } = usePage(pageId?.toString() ?? ""); return (
) } /> } /> } /> } /> } /> } />
{showButton && (
)}
); });