Different approach to hiding nav

MuckRock · Dec 10, 2024 · 2feb263 · 2feb263
1 parent 1ec8a75
commit 2feb263
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/lib/components/layouts/DocumentLayout.svelte b/src/lib/components/layouts/DocumentLayout.svelte
@@ -34,14 +34,12 @@ Assumes it's a child of a ViewerContext
   $: projects = (document.projects ?? []) as Project[];
 </script>
 
-<SidebarLayout>
-  <SignedIn slot="navigation">
-    <nav class="column">
-      <Projects {projects} {document} />
-      <Data {document} />
-      <Notes {document} />
-    </nav>
-  </SignedIn>
+<SidebarLayout hideNavigation={!$me}>
+  <nav class="column" slot="navigation">
+    <Projects {projects} {document} />
+    <Data {document} />
+    <Notes {document} />
+  </nav>
 
   <article slot="content">
     <header><DocumentHeader {document} /></header>

diff --git a/src/lib/components/layouts/SidebarLayout.svelte b/src/lib/components/layouts/SidebarLayout.svelte
@@ -1,9 +1,12 @@
 <script lang="ts">
   import Sidebar from "./Sidebar.svelte";
+
+  export let hideNavigation = false;
+  export let hideActions = false;
 </script>
 
 <div class="sidebarLayoutContainer">
-  {#if $$slots.navigation}
+  {#if $$slots.navigation && !hideNavigation}
     <Sidebar position="left" id="navigation">
       <slot name="navigation" />
     </Sidebar>
@@ -13,7 +16,7 @@
     <slot name="content" />
   </div>
 
-  {#if $$slots.action}
+  {#if $$slots.action && !hideActions}
     <Sidebar position="right" id="action">
       <slot name="action" />
     </Sidebar>