feat: docs managers can action docs & create subdocs (#7077)

* feat: docs managers can action docs & create subdocs

* tests

---------

Co-authored-by: Tom Moor <tom.moor@gmail.com>

app/menus/NewChildDocumentMenu.tsx

@@ -5,8 +5,10 @@ import { useMenuState, MenuButton, MenuButtonHTMLProps } from "reakit/Menu";
 import Document from "~/models/Document";
 import ContextMenu from "~/components/ContextMenu";
 import Template from "~/components/ContextMenu/Template";
+import usePolicy from "~/hooks/usePolicy";
 import useStores from "~/hooks/useStores";
-import { newDocumentPath } from "~/utils/routeHelpers";
+import { MenuItem } from "~/types";
+import { newDocumentPath, newNestedDocumentPath } from "~/utils/routeHelpers";
 
 type Props = {
   label?: (props: MenuButtonHTMLProps) => React.ReactNode;
@@ -17,58 +19,59 @@ function NewChildDocumentMenu({ document, label }: Props) {
   const menu = useMenuState({
     modal: true,
   });
-  const { collections } = useStores();
   const { t } = useTranslation();
-  const collection = document.collectionId
-    ? collections.get(document.collectionId)
-    : undefined;
-  const collectionName = collection ? collection.name : t("collection");
+  const canCollection = usePolicy(document.collectionId);
+  const { collections } = useStores();
+
+  const items: MenuItem[] = [];
+
+  if (canCollection.createDocument) {
+    const collection = document.collectionId
+      ? collections.get(document.collectionId)
+      : undefined;
+    const collectionName = collection ? collection.name : t("collection");
+    items.push({
+      type: "route",
+      title: (
+        <span>
+          <Trans
+            defaults="New document in <em>{{ collectionName }}</em>"
+            values={{
+              collectionName,
+            }}
+            components={{
+              em: <strong />,
+            }}
+          />
+        </span>
+      ),
+      to: newDocumentPath(document.collectionId),
+    });
+  }
+
+  items.push({
+    type: "route",
+    title: (
+      <span>
+        <Trans
+          defaults="New document in <em>{{ collectionName }}</em>"
+          values={{
+            collectionName: document.title,
+          }}
+          components={{
+            em: <strong />,
+          }}
+        />
+      </span>
+    ),
+    to: newNestedDocumentPath(document.id),
+  });
 
   return (
     <>
       <MenuButton {...menu}>{label}</MenuButton>
       <ContextMenu {...menu} aria-label={t("New child document")}>
-        <Template
-          {...menu}
-          items={[
-            {
-              type: "route",
-              title: (
-                <span>
-                  <Trans
-                    defaults="New document in <em>{{ collectionName }}</em>"
-                    values={{
-                      collectionName,
-                    }}
-                    components={{
-                      em: <strong />,
-                    }}
-                  />
-                </span>
-              ),
-              to: newDocumentPath(document.collectionId),
-            },
-            {
-              type: "route",
-              title: (
-                <span>
-                  <Trans
-                    defaults="New document in <em>{{ collectionName }}</em>"
-                    values={{
-                      collectionName: document.title,
-                    }}
-                    components={{
-                      em: <strong />,
-                    }}
-                  />
-                </span>
-              ),
-              to: newDocumentPath(document.collectionId, {
-                parentDocumentId: document.id,
-              }),
-            },
-          ]}
-        />
+        <Template {...menu} items={items} />
       </ContextMenu>
     </>
   );