import { FC } from "react"; import { useRouter } from "next/router"; import { observer } from "mobx-react-lite"; import { FileText, Plus } from "lucide-react"; // hooks import { useApplication, usePage, useProject } from "hooks/store"; // ui import { Breadcrumbs, Button } from "@plane/ui"; // helpers import { renderEmoji } from "helpers/emoji.helper"; 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 pageDetails = usePage(pageId as string); return (
{currentProjectDetails?.name.charAt(0)} ) } link={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/issues`} /> } label="Pages" link={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/pages`} /> } label={pageDetails?.name ?? "Page"} />
{showButton && (
)}
); });