add private pages to sidebar

Southclaws · Oct 9, 2024 · a5006a2 · a5006a2
1 parent 670349b
commit a5006a2
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 8 deletions.
diff --git a/web/src/components/site/Navigation/ContentNavigationList/ContentNavigationList.tsx b/web/src/components/site/Navigation/ContentNavigationList/ContentNavigationList.tsx
@@ -22,7 +22,18 @@ export function ContentNavigationList() {
     >
       <LStack gap="1">
         <CategoryList />
-        <DatagraphNavTree currentNode={nodeSlug} />
+        <DatagraphNavTree
+          label="Library"
+          href="/l"
+          currentNode={nodeSlug}
+          visibility={["published"]}
+        />
+        <DatagraphNavTree
+          label="Private"
+          href="/drafts"
+          currentNode={nodeSlug}
+          visibility={["draft", "review", "unlisted"]}
+        />
       </LStack>
 
       <LStack gap="1">

diff --git a/web/src/components/site/Navigation/DatagraphNavTree/DatagraphNavTree.tsx b/web/src/components/site/Navigation/DatagraphNavTree/DatagraphNavTree.tsx
@@ -3,6 +3,7 @@
 import Link from "next/link";
 
 import { useNodeList } from "@/api/openapi-client/nodes";
+import { Visibility } from "@/api/openapi-schema";
 import { useSession } from "@/auth";
 import { LibraryPageTree } from "@/components/library/LibraryPageTree/LibraryPageTree";
 import { LStack } from "@/styled-system/jsx";
@@ -13,12 +14,17 @@ import { Unready } from "../../Unready";
 import { NavigationHeader } from "../ContentNavigationList/NavigationHeader";
 
 type Props = {
+  label: string;
+  href: string;
   currentNode: string | undefined;
+  visibility: Visibility[];
 };
 
-export function useDatagraphNavTree() {
+export function useDatagraphNavTree({ visibility }: Props) {
   const session = useSession();
-  const { data, error } = useNodeList();
+  const { data, error } = useNodeList({
+    visibility,
+  });
   if (!data) {
     return {
       ready: false as const,
@@ -35,16 +41,18 @@ export function useDatagraphNavTree() {
   };
 }
 
-export function DatagraphNavTree({ currentNode }: Props) {
-  const { ready, error, data, canManageLibrary } = useDatagraphNavTree();
+export function DatagraphNavTree(props: Props) {
+  const { ready, error, data, canManageLibrary } = useDatagraphNavTree(props);
   if (!ready) {
     return <Unready error={error} />;
   }
 
+  const { label, href, currentNode } = props;
+
   return (
     <LStack gap="1">
       <NavigationHeader
-        href="/l"
+        href={href}
         controls={
           canManageLibrary && (
             <Link href="/l/new">
@@ -53,13 +61,13 @@ export function DatagraphNavTree({ currentNode }: Props) {
           )
         }
       >
-        Library
+        {label}
       </NavigationHeader>
 
       <LibraryPageTree
         currentNode={currentNode}
         data={{
-          label: "Library",
+          label: label,
           children: data.nodes,
         }}
       />