Allows commenting outside edit mode when seamless editing is disabled. (#5422)

app/editor/menus/readOnly.tsx

@@ -0,0 +1,26 @@
+import { CommentIcon } from "outline-icons";
+import { EditorState } from "prosemirror-state";
+import * as React from "react";
+import isInCode from "@shared/editor/queries/isInCode";
+import isMarkActive from "@shared/editor/queries/isMarkActive";
+import { MenuItem } from "@shared/editor/types";
+import { Dictionary } from "~/hooks/useDictionary";
+
+export default function readOnlyMenuItems(
+  state: EditorState,
+  dictionary: Dictionary
+): MenuItem[] {
+  const { schema } = state;
+  const isCode = isInCode(state);
+
+  return [
+    {
+      name: "comment",
+      tooltip: dictionary.comment,
+      label: dictionary.comment,
+      icon: <CommentIcon />,
+      active: isMarkActive(schema.marks.comment),
+      visible: !isCode,
+    },
+  ];
+}