From 8ddcd02920bbcf58406b1aba0c1884014d37fbd3 Mon Sep 17 00:00:00 2001
From: Brian Holmes <120223836+briangregoryholmes@users.noreply.github.com>
Date: Tue, 10 Dec 2024 13:00:29 -0500
Subject: [PATCH] feat: reopen navigation sidebar (#6196)

* feat: reopen navigation sidebar

* set initial state to true
---
 .../src/layout/navigation/Navigation.svelte     | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/web-common/src/layout/navigation/Navigation.svelte b/web-common/src/layout/navigation/Navigation.svelte
index c67151db2a3..0240df6417c 100644
--- a/web-common/src/layout/navigation/Navigation.svelte
+++ b/web-common/src/layout/navigation/Navigation.svelte
@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
   export const navigationOpen = (() => {
-    const { subscribe, update, set } = writable(true);
+    const { subscribe, update, set } = writable<boolean | null>(true);
     return {
       toggle: () => update((open) => !open),
       set,
@@ -48,8 +48,12 @@
   ) {
     const currentWidth = e.currentTarget.innerWidth;
 
-    if (currentWidth < previousWidth && currentWidth < 768) {
-      $navigationOpen = false;
+    const open = $navigationOpen;
+
+    if (open && currentWidth < previousWidth && currentWidth < 768) {
+      $navigationOpen = null;
+    } else if (open === null && currentWidth > 768) {
+      $navigationOpen = true;
     }
 
     previousWidth = currentWidth;
@@ -77,7 +81,10 @@
     min={MIN_NAV_WIDTH}
     basis={DEFAULT_NAV_WIDTH}
     max={MAX_NAV_WIDTH}
-    bind:dimension={width}
+    dimension={width}
+    onUpdate={(w) => {
+      width = w;
+    }}
     bind:resizing
     side="right"
   />
@@ -160,7 +167,7 @@
 <SurfaceControlButton
   {resizing}
   navWidth={width}
-  navOpen={$navigationOpen}
+  navOpen={!!$navigationOpen}
   onClick={navigationOpen.toggle}
 />