-
+
);
}
diff --git a/apps/client/src/features/editor/styles/core.css b/apps/client/src/features/editor/styles/core.css
index 34ddaca3c..077570fb5 100644
--- a/apps/client/src/features/editor/styles/core.css
+++ b/apps/client/src/features/editor/styles/core.css
@@ -203,7 +203,8 @@
}
}
- .resize-cursor {
+ &.resize-cursor,
+ &.resize-cursor * {
cursor: ew-resize;
cursor: col-resize;
}
diff --git a/apps/client/src/features/editor/styles/editor.module.css b/apps/client/src/features/editor/styles/editor.module.css
index dfe7393f8..ed5f86432 100644
--- a/apps/client/src/features/editor/styles/editor.module.css
+++ b/apps/client/src/features/editor/styles/editor.module.css
@@ -9,3 +9,15 @@
}
}
+.byline {
+ padding-left: 3rem;
+
+ @media (max-width: $mantine-breakpoint-sm) {
+ padding-left: 1rem;
+ }
+
+ @media print {
+ padding-left: 0;
+ }
+}
+
diff --git a/apps/client/src/features/editor/styles/indent.css b/apps/client/src/features/editor/styles/indent.css
new file mode 100644
index 000000000..cd2bd5857
--- /dev/null
+++ b/apps/client/src/features/editor/styles/indent.css
@@ -0,0 +1,14 @@
+.ProseMirror {
+ --indent-step: 2rem;
+}
+
+.ProseMirror [data-indent="1"] { padding-inline-start: calc(var(--indent-step) * 1); }
+.ProseMirror [data-indent="2"] { padding-inline-start: calc(var(--indent-step) * 2); }
+.ProseMirror [data-indent="3"] { padding-inline-start: calc(var(--indent-step) * 3); }
+.ProseMirror [data-indent="4"] { padding-inline-start: calc(var(--indent-step) * 4); }
+.ProseMirror [data-indent="5"] { padding-inline-start: calc(var(--indent-step) * 5); }
+.ProseMirror [data-indent="6"] { padding-inline-start: calc(var(--indent-step) * 6); }
+.ProseMirror [data-indent="7"] { padding-inline-start: calc(var(--indent-step) * 7); }
+.ProseMirror [data-indent="8"] { padding-inline-start: calc(var(--indent-step) * 8); }
+.ProseMirror [data-indent="9"] { padding-inline-start: calc(var(--indent-step) * 9); }
+.ProseMirror [data-indent="10"] { padding-inline-start: calc(var(--indent-step) * 10); }
diff --git a/apps/client/src/features/editor/styles/index.css b/apps/client/src/features/editor/styles/index.css
index 7ec4be9b6..52d9268e1 100644
--- a/apps/client/src/features/editor/styles/index.css
+++ b/apps/client/src/features/editor/styles/index.css
@@ -9,9 +9,11 @@
@import "./media.css";
@import "./code.css";
@import "./print.css";
+@import "./page-break.css";
@import "./find.css";
@import "./mention.css";
@import "./ordered-list.css";
@import "./highlight.css";
+@import "./indent.css";
@import "./columns.css";
@import "./status.css";
diff --git a/apps/client/src/features/editor/styles/page-break.css b/apps/client/src/features/editor/styles/page-break.css
new file mode 100644
index 000000000..6dc97c738
--- /dev/null
+++ b/apps/client/src/features/editor/styles/page-break.css
@@ -0,0 +1,50 @@
+.ProseMirror .page-break {
+ position: relative;
+ margin: 1.5rem 0;
+ border-top: 1px dashed var(--mantine-color-default-border);
+ height: 0;
+ user-select: none;
+}
+
+.ProseMirror[contenteditable="false"] .page-break {
+ margin: 0;
+ border: none;
+ height: 0;
+}
+
+.ProseMirror[contenteditable="false"] .page-break::after {
+ content: none;
+}
+
+.ProseMirror .page-break::after {
+ content: "Page break";
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ padding: 0 0.5rem;
+ background: var(--mantine-color-body);
+ color: var(--mantine-color-dimmed);
+ font-size: 0.75rem;
+ line-height: 1;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+}
+
+.ProseMirror .page-break.ProseMirror-selectednode {
+ border-top-color: var(--mantine-primary-color-filled);
+}
+
+@media print {
+ .ProseMirror .page-break {
+ break-before: always;
+ page-break-before: always;
+ visibility: hidden;
+ border: none;
+ margin: 0;
+ }
+
+ .ProseMirror .page-break::after {
+ content: none;
+ }
+}
diff --git a/apps/client/src/features/editor/styles/table.css b/apps/client/src/features/editor/styles/table.css
index 9926d0bc0..5d802e4ab 100644
--- a/apps/client/src/features/editor/styles/table.css
+++ b/apps/client/src/features/editor/styles/table.css
@@ -15,7 +15,8 @@
}
.table-dnd-drop-indicator {
- background-color: #adf;
+ background-color: var(--mantine-color-blue-5);
+ z-index: 3;
}
.ProseMirror {
@@ -57,13 +58,14 @@
}
.column-resize-handle {
- background-color: #adf;
+ background-color: var(--mantine-color-blue-5);
bottom: -1px;
position: absolute;
- right: -2px;
+ right: -1px;
pointer-events: none;
top: 0;
- width: 4px;
+ width: 2px;
+ z-index: 3;
}
.selectedCell:after {
@@ -129,6 +131,139 @@
}
}
+
+/* Header-row pinning. Two CSS paths, picked by `header-pin/controller.ts`:
+ - native sticky (preferred): wrapper drops its overflow constraint so
+ `position: sticky` on the row can resolve against the document scroll.
+ - transform fallback: wrapper keeps `overflow-x: auto` for horizontal
+ scrolling; the row is positioned imperatively per scroll frame.
+
+ `--editor-pin-offset` is published to :root by `pinOffsetWatcher` in
+ `header-pin/offset.ts`, measured against the lowest fixed surface above
+ the editor (app shell header, page header, fixed toolbar). */
+
+.tableWrapper.tableWrapperNoOverflow,
+.tableWrapper.tableWrapperNoOverflow table {
+ overflow: visible;
+}
+
+.tableWrapper.tableHeaderPinned table tr:first-child {
+ z-index: 2;
+}
+
+.tableWrapper.tableWrapperNoOverflow.tableHeaderPinned table tr:first-child {
+ position: sticky;
+ top: var(--editor-pin-offset, 90px);
+}
+
+.tableWrapper.tableHeaderPinned:not(.tableWrapperNoOverflow) table tr:first-child {
+ position: relative;
+ transform: translateY(var(--table-pin-offset, 0px));
+}
+
+@media print {
+ .tableWrapper.tableHeaderPinned table tr:first-child {
+ position: static;
+ transform: none;
+ }
+}
+
+.tableReadonlySortChevron {
+ /* Anchor to the cell's right edge, vertically centered with the cell
+ content. The cell content (a
) is block-level so an inline chevron
+ would wrap to a new line; absolute positioning takes it out of flow. */
+ position: absolute;
+ top: 50%;
+ right: 6px;
+ transform: translateY(-50%);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 18px;
+ height: 18px;
+ border-radius: 4px;
+ background: light-dark(
+ rgba(55, 53, 47, 0.08),
+ rgba(255, 255, 255, 0.08)
+ );
+ color: light-dark(
+ rgba(55, 53, 47, 0.55),
+ rgba(255, 255, 255, 0.55)
+ );
+ user-select: none;
+ cursor: pointer;
+ z-index: 1;
+ /* Hidden by default; revealed on header-cell hover or when this column is
+ the active sort (see selectors below). */
+ opacity: 0;
+ transition: opacity 120ms ease, background-color 120ms ease, color 120ms ease;
+}
+
+.ProseMirror table th:hover .tableReadonlySortChevron,
+.tableReadonlySortChevron[data-sort] {
+ opacity: 1;
+}
+
+.ProseMirror table th:has(.tableReadonlySortChevron) {
+ padding-right: 30px;
+}
+
+.tableReadonlySortChevron:hover {
+ background: light-dark(
+ rgba(55, 53, 47, 0.16),
+ rgba(255, 255, 255, 0.16)
+ );
+}
+
+/* Immediate tooltip on the chevron — same style language as the rest of the
+ app (small, dark, rounded), unlike the native `title` tooltip which only
+ appears after a long delay. */
+.tableReadonlySortChevron::after {
+ content: attr(data-tooltip);
+ position: absolute;
+ /* Below the chevron — placing it above the cell hits the table's
+ overflow clipping (the wrapper has `overflow-x: auto` which forces
+ `overflow-y: auto` per spec). */
+ top: calc(100% + 6px);
+ right: 0;
+ padding: 4px 8px;
+ border-radius: 4px;
+ background: var(--mantine-color-dark-7);
+ color: var(--mantine-color-white);
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 1.4;
+ white-space: nowrap;
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity 120ms ease;
+ z-index: 10;
+}
+
+.tableReadonlySortChevron:hover::after {
+ opacity: 1;
+}
+
+.tableReadonlySortChevron svg {
+ display: block;
+}
+
+.tableReadonlySortChevron[data-sort="asc"],
+.tableReadonlySortChevron[data-sort="desc"] {
+ background: light-dark(
+ var(--mantine-color-blue-1),
+ var(--mantine-color-blue-9)
+ );
+ color: light-dark(
+ var(--mantine-color-blue-7),
+ var(--mantine-color-blue-2)
+ );
+}
+
+.tableReadonlySortChevron[data-sort="asc"] svg {
+ transform: rotate(180deg);
+}
+
.editor-container:has(.table-dnd-drop-indicator[data-dragging="true"]) {
.prosemirror-dropcursor-block {
display: none;
diff --git a/apps/client/src/features/editor/title-editor.tsx b/apps/client/src/features/editor/title-editor.tsx
index 15c3ff028..3ff2d7614 100644
--- a/apps/client/src/features/editor/title-editor.tsx
+++ b/apps/client/src/features/editor/title-editor.tsx
@@ -7,6 +7,7 @@ import { Text } from "@tiptap/extension-text";
import { Placeholder } from "@tiptap/extension-placeholder";
import { useAtomValue } from "jotai";
import {
+ currentPageEditModeAtom,
pageEditorAtom,
titleEditorAtom,
} from "@/features/editor/atoms/editor-atoms";
@@ -24,9 +25,9 @@ import { useTranslation } from "react-i18next";
import EmojiCommand from "@/features/editor/extensions/emoji-command.ts";
import { UpdateEvent } from "@/features/websocket/types";
import localEmitter from "@/lib/local-emitter.ts";
-import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
import { PageEditMode } from "@/features/user/types/user.types.ts";
import { searchSpotlight } from "@/features/search/constants.ts";
+import { platformModifierKey } from "@/lib";
export interface TitleEditorProps {
pageId: string;
@@ -51,9 +52,7 @@ export function TitleEditor({
const emit = useQueryEmit();
const navigate = useNavigate();
const [activePageId, setActivePageId] = useState(pageId);
- const [currentUser] = useAtom(currentUserAtom);
- const userPageEditMode =
- currentUser?.user?.settings?.preferences?.pageEditMode ?? PageEditMode.Edit;
+ const currentPageEditMode = useAtomValue(currentPageEditModeAtom);
const titleEditor = useEditor({
extensions: [
@@ -90,11 +89,11 @@ export function TitleEditor({
editorProps: {
handleDOMEvents: {
keydown: (_view, event) => {
- if ((event.ctrlKey || event.metaKey) && event.code === "KeyS") {
+ if (platformModifierKey(event) && event.code === "KeyS") {
event.preventDefault();
return true;
}
- if ((event.ctrlKey || event.metaKey) && event.code === "KeyK") {
+ if (platformModifierKey(event) && event.code === "KeyK") {
searchSpotlight.open();
return true;
}
@@ -171,18 +170,9 @@ export function TitleEditor({
}, [pageId]);
useEffect(() => {
- if (titleEditor) {
- if (userPageEditMode && editable) {
- if (userPageEditMode === PageEditMode.Edit) {
- titleEditor.setEditable(true);
- } else if (userPageEditMode === PageEditMode.Read) {
- titleEditor.setEditable(false);
- }
- } else {
- titleEditor.setEditable(false);
- }
- }
- }, [userPageEditMode, titleEditor, editable]);
+ if (!titleEditor) return;
+ titleEditor.setEditable(editable && currentPageEditMode === PageEditMode.Edit);
+ }, [currentPageEditMode, titleEditor, editable]);
const openSearchDialog = () => {
const event = new CustomEvent("openFindDialogFromEditor", {});
diff --git a/apps/client/src/features/favorite/components/star-button.tsx b/apps/client/src/features/favorite/components/star-button.tsx
index 6a99e01e9..7ff8ff77d 100644
--- a/apps/client/src/features/favorite/components/star-button.tsx
+++ b/apps/client/src/features/favorite/components/star-button.tsx
@@ -53,15 +53,17 @@ export default function StarButton(props: StarButtonProps) {
}
};
+ const label = isFavorited
+ ? t("Remove from favorites")
+ : t("Add to favorites");
+
return (
-
+
diff --git a/apps/client/src/features/group/components/group-action-menu.tsx b/apps/client/src/features/group/components/group-action-menu.tsx
index 331ea3dea..8c3dccb05 100644
--- a/apps/client/src/features/group/components/group-action-menu.tsx
+++ b/apps/client/src/features/group/components/group-action-menu.tsx
@@ -53,7 +53,7 @@ export default function GroupActionMenu() {
arrowPosition="center"
>
-
+
diff --git a/apps/client/src/features/group/components/group-members.tsx b/apps/client/src/features/group/components/group-members.tsx
index 9b5bbd7b2..56807bf8d 100644
--- a/apps/client/src/features/group/components/group-members.tsx
+++ b/apps/client/src/features/group/components/group-members.tsx
@@ -54,7 +54,7 @@ export default function GroupMembersList() {
{t("User")}
{t("Status")}
-
+
diff --git a/apps/client/src/features/home/components/created-by-me.tsx b/apps/client/src/features/home/components/created-by-me.tsx
index 70137b105..99051357e 100644
--- a/apps/client/src/features/home/components/created-by-me.tsx
+++ b/apps/client/src/features/home/components/created-by-me.tsx
@@ -4,7 +4,7 @@ import {
UnstyledButton,
Badge,
Table,
- ActionIcon,
+ ThemeIcon,
Button,
} from "@mantine/core";
import { Link } from "react-router-dom";
@@ -61,13 +61,13 @@ export default function CreatedByMe({ spaceId }: Props) {
>
{page.icon || (
-
-
+
)}
{page.title || t("Untitled")}
diff --git a/apps/client/src/features/home/components/favorites-pages.tsx b/apps/client/src/features/home/components/favorites-pages.tsx
index eb87216e0..aed8e653a 100644
--- a/apps/client/src/features/home/components/favorites-pages.tsx
+++ b/apps/client/src/features/home/components/favorites-pages.tsx
@@ -4,7 +4,7 @@ import {
UnstyledButton,
Badge,
Table,
- ActionIcon,
+ ThemeIcon,
Button,
} from "@mantine/core";
import { Link } from "react-router-dom";
@@ -62,13 +62,13 @@ export default function FavoritesPages({ spaceId }: Props) {
>
{fav.page.icon || (
-
-
+
)}
{fav.page.title || t("Untitled")}
diff --git a/apps/client/src/features/home/components/home-ai-prompt.module.css b/apps/client/src/features/home/components/home-ai-prompt.module.css
index e6d816067..8a6d57e11 100644
--- a/apps/client/src/features/home/components/home-ai-prompt.module.css
+++ b/apps/client/src/features/home/components/home-ai-prompt.module.css
@@ -16,7 +16,7 @@
.subtitle {
font-size: var(--mantine-font-size-sm);
- color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2));
+ color: var(--mantine-color-dimmed);
text-align: center;
margin-top: 6px;
margin-bottom: var(--mantine-spacing-lg);
diff --git a/apps/client/src/features/label/components/label-chip.tsx b/apps/client/src/features/label/components/label-chip.tsx
new file mode 100644
index 000000000..ad15ff4a3
--- /dev/null
+++ b/apps/client/src/features/label/components/label-chip.tsx
@@ -0,0 +1,51 @@
+import { Link } from "react-router-dom";
+import { useComputedColorScheme } from "@mantine/core";
+import { IconX } from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
+import { ILabel } from "@/features/label/types/label.types.ts";
+import { getLabelColor } from "@/features/label/utils/label-colors.ts";
+import classes from "@/features/label/label.module.css";
+
+type LabelChipProps = {
+ label: Pick;
+ onRemove?: () => void;
+ asLink?: boolean;
+};
+
+export function LabelChip({ label, onRemove, asLink }: LabelChipProps) {
+ const { t } = useTranslation();
+ const scheme = useComputedColorScheme("light");
+ const c = getLabelColor(label.name, scheme);
+
+ const nameNode = asLink ? (
+ e.stopPropagation()}
+ >
+ {label.name}
+
+ ) : (
+ {label.name}
+ );
+
+ return (
+
+ {nameNode}
+ {onRemove && (
+
+ )}
+
+ );
+}
diff --git a/apps/client/src/features/label/components/label-page-row-skeleton.tsx b/apps/client/src/features/label/components/label-page-row-skeleton.tsx
new file mode 100644
index 000000000..bc4a69915
--- /dev/null
+++ b/apps/client/src/features/label/components/label-page-row-skeleton.tsx
@@ -0,0 +1,29 @@
+import { Skeleton } from "@mantine/core";
+import classes from "@/features/label/label.module.css";
+
+type LabelPageRowSkeletonProps = {
+ titleWidth?: number;
+ metaWidth?: number;
+};
+
+export function LabelPageRowSkeleton({
+ titleWidth = 220,
+ metaWidth = 180,
+}: LabelPageRowSkeletonProps) {
+ return (
+
+ );
+}
diff --git a/apps/client/src/features/label/components/label-page-row.tsx b/apps/client/src/features/label/components/label-page-row.tsx
new file mode 100644
index 000000000..7ca54c324
--- /dev/null
+++ b/apps/client/src/features/label/components/label-page-row.tsx
@@ -0,0 +1,91 @@
+import { Link } from "react-router-dom";
+import { ThemeIcon, Tooltip } from "@mantine/core";
+import { IconFileDescription } from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
+import { ILabelPageItem } from "@/features/label/types/label.types.ts";
+import { LabelChip } from "@/features/label/components/label-chip.tsx";
+import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
+import { AvatarIconType } from "@/features/attachments/types/attachment.types.ts";
+import { buildPageUrl } from "@/features/page/page.utils";
+import { formatLabelListDate } from "@/features/label/utils/format-label-date.ts";
+import classes from "@/features/label/label.module.css";
+
+type LabelPageRowProps = {
+ page: ILabelPageItem;
+ currentLabelName: string;
+};
+
+const MAX_VISIBLE_CHIPS = 3;
+
+export function LabelPageRow({ page, currentLabelName }: LabelPageRowProps) {
+ const { t } = useTranslation();
+
+ const otherLabels = page.labels.filter((l) => l.name !== currentLabelName);
+ const visibleLabels = otherLabels.slice(0, MAX_VISIBLE_CHIPS);
+ const hiddenLabels = otherLabels.slice(MAX_VISIBLE_CHIPS);
+
+ return (
+
+
+
+ {page.icon ? (
+ {page.icon}
+ ) : (
+
+
+
+ )}
+
+
+
+ {page.title || t("Untitled")}
+
+
+ {page.space && (
+ <>
+
+ {page.space.name}
+
+ •
+
+
+ )}
+
+ {t("Updated {{date}}", {
+ date: formatLabelListDate(new Date(page.updatedAt)),
+ })}
+
+
+ {/* {otherLabels.length > 0 && (
+
+ {visibleLabels.map((label) => (
+
+ ))}
+ {hiddenLabels.length > 0 && (
+ l.name).join(", ")}
+ withArrow
+ openDelay={200}
+ >
+
+ +{hiddenLabels.length}
+
+
+ )}
+
+ )} */}
+
+
+
+ {
+ setQuery(e.target.value);
+ setHover(0);
+ }}
+ onKeyDown={onKey}
+ />
+
+
+ {total === 0 && (
+
+ {normalized.length === 0
+ ? t("No labels yet")
+ : appliedNames.has(normalized)
+ ? t("Already added")
+ : !isValidLabelName(normalized)
+ ? t("Invalid label name")
+ : t("No matches")}
+
+ )}
+ {suggestions.map((s, i) => {
+ const c = getLabelColor(s.name, scheme);
+ return (
+
+ );
+ })}
+ {canCreate && (
+
+ )}
+
+
+ {labels.map((label) => (
+
handleRemove(label.id) : undefined}
+ />
+ ))}
+ {canEdit && (
+
+
+
+
+
+ handleAdd(name)}
+ onClose={() => setOpen(false)}
+ />
+
+
+ )}
+
+
+
);
}
diff --git a/apps/client/src/features/page/components/header/page-header-menu.tsx b/apps/client/src/features/page/components/header/page-header-menu.tsx
index 9e4b72096..75b113eaa 100644
--- a/apps/client/src/features/page/components/header/page-header-menu.tsx
+++ b/apps/client/src/features/page/components/header/page-header-menu.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon, Group, Menu, Text, Tooltip } from "@mantine/core";
+import { ActionIcon, Group, Menu, Text, ThemeIcon, Tooltip } from "@mantine/core";
import {
IconArrowRight,
IconArrowsHorizontal,
@@ -29,7 +29,7 @@ import { buildPageUrl } from "@/features/page/page.utils.ts";
import { notifications } from "@mantine/notifications";
import { getAppUrl } from "@/lib/config.ts";
import { extractPageSlugId } from "@/lib";
-import { treeApiAtom } from "@/features/page/tree/atoms/tree-api-atom.ts";
+import { useTreeMutation } from "@/features/page/tree/hooks/use-tree-mutation.ts";
import { useDeletePageModal } from "@/features/page/hooks/use-delete-page-modal.tsx";
import { PageWidthToggle } from "@/features/user/components/page-width-pref.tsx";
import { Trans, useTranslation } from "react-i18next";
@@ -40,7 +40,7 @@ import {
yjsConnectionStatusAtom,
} from "@/features/editor/atoms/editor-atoms.ts";
import { formattedDate } from "@/lib/time.ts";
-import { PageStateSegmentedControl } from "@/features/user/components/page-state-pref.tsx";
+import { PageEditModeToggle } from "@/features/user/components/page-state-pref.tsx";
import MovePageModal from "@/features/page/components/move-page-modal.tsx";
import { useTimeAgo } from "@/hooks/use-time-ago.tsx";
import { PageShareModal } from "@/ee/page-permission";
@@ -65,6 +65,11 @@ interface PageHeaderMenuProps {
export default function PageHeaderMenu({ readOnly }: PageHeaderMenuProps) {
const { t } = useTranslation();
const toggleAside = useToggleAside();
+ const { pageSlug } = useParams();
+ const { data: page } = usePageQuery({
+ pageId: extractPageSlugId(pageSlug),
+ });
+ const isDeleted = !!page?.deletedAt;
useHotkeys(
[
@@ -87,11 +92,15 @@ export default function PageHeaderMenu({ readOnly }: PageHeaderMenuProps) {
[],
);
+ if (isDeleted) {
+ return null;
+ }
+
return (
<>
- {!readOnly && }
+ {!readOnly && }
@@ -99,6 +108,7 @@ export default function PageHeaderMenu({ readOnly }: PageHeaderMenuProps) {
toggleAside("comments")}
>
@@ -109,6 +119,7 @@ export default function PageHeaderMenu({ readOnly }: PageHeaderMenuProps) {
toggleAside("toc")}
>
@@ -132,7 +143,7 @@ function PageActionMenu({ readOnly }: PageActionMenuProps) {
pageId: extractPageSlugId(pageSlug),
});
const { openDeleteModal } = useDeletePageModal();
- const [tree] = useAtom(treeApiAtom);
+ const { handleDelete } = useTreeMutation(page?.spaceId ?? "");
const [exportOpened, { open: openExportModal, close: closeExportModal }] =
useDisclosure(false);
const [
@@ -181,7 +192,7 @@ function PageActionMenu({ readOnly }: PageActionMenuProps) {
};
const handleDeletePage = () => {
- openDeleteModal({ onConfirm: () => tree?.delete(page.id) });
+ openDeleteModal({ onConfirm: () => handleDelete(page.id) });
};
const handleToggleFavorite = () => {
@@ -205,7 +216,11 @@ function PageActionMenu({ readOnly }: PageActionMenuProps) {
arrowPosition="center"
>
-
+
@@ -416,9 +431,15 @@ function ConnectionWarning() {
openDelay={250}
withArrow
>
-
+
-
+
);
}
diff --git a/apps/client/src/features/page/components/header/page-header.tsx b/apps/client/src/features/page/components/header/page-header.tsx
index 12f131b8d..0614cf0bd 100644
--- a/apps/client/src/features/page/components/header/page-header.tsx
+++ b/apps/client/src/features/page/components/header/page-header.tsx
@@ -8,7 +8,7 @@ interface Props {
}
export default function PageHeader({ readOnly }: Props) {
return (
-