alinea
Version:
Headless git-based CMS
65 lines (61 loc) • 2.33 kB
JavaScript
import {
dist_default
} from "../../../chunks/chunk-A5O3N2GS.js";
import {
useAtomValue
} from "../../../chunks/chunk-TOJF2G3X.js";
import "../../../chunks/chunk-WJ67RR7S.js";
import "../../../chunks/chunk-NZLE2WMY.js";
// src/dashboard/view/entry/EntryTitle.tsx
import { Type } from "alinea/core/Type";
import { Chip, HStack, px } from "alinea/ui";
import { IcRoundArrowBack } from "alinea/ui/icons/IcRoundArrowBack";
import { useWorkspace } from "../../hook/UseWorkspace.js";
import { Head } from "../../util/Head.js";
import { IconLink } from "../IconButton.js";
// src/dashboard/view/entry/EntryTitle.module.scss
var EntryTitle_module_default = {
"root": "alinea-EntryTitle",
"root-inner": "alinea-EntryTitle-inner",
"rootInner": "alinea-EntryTitle-inner",
"root-title": "alinea-EntryTitle-title",
"rootTitle": "alinea-EntryTitle-title"
};
// src/dashboard/view/entry/EntryTitle.tsx
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
var styles = dist_default(EntryTitle_module_default);
function EntryTitle({
children,
editor,
backLink
}) {
const workspace = useWorkspace();
const selectedStatus = useAtomValue(editor.selectedStatus);
const version = editor.statuses[selectedStatus];
const type = editor.type;
const activeTitle = useAtomValue(editor.activeTitle);
const title = selectedStatus === editor.activeStatus ? activeTitle : version.title;
return /* @__PURE__ */ jsxs(Fragment, { children: [
/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: `${workspace.label}: ${title}` }) }),
/* @__PURE__ */ jsxs("div", { className: styles.root(), children: [
/* @__PURE__ */ jsxs(HStack, { center: true, gap: 12, wrap: true, className: styles.root.inner(), children: [
/* @__PURE__ */ jsxs(HStack, { center: true, gap: 8, children: [
backLink && /* @__PURE__ */ jsx(
IconLink,
{
icon: IcRoundArrowBack,
href: backLink,
style: { marginLeft: px(-4) }
}
),
/* @__PURE__ */ jsx("h1", { className: styles.root.title(), children: /* @__PURE__ */ jsx("span", { children: title }) })
] }),
/* @__PURE__ */ jsx(Chip, { children: Type.label(type) })
] }),
children
] })
] });
}
export {
EntryTitle
};