Update header.astro

pixeleye-io · Jun 10, 2024 · 49b692d · 49b692d
1 parent 599e019
commit 49b692d
Showing 1 changed file with 20 additions and 14 deletions.
diff --git a/apps/marketing-astro/src/components/header.astro b/apps/marketing-astro/src/components/header.astro
@@ -195,18 +195,24 @@ const isLoggedIn = false;
 </script>
 
 <script>
-  const sidebar = document.getElementById(
-    "navbar-sidebar"
-  )! as HTMLDialogElement;
-  const sidebarButton = document.getElementById("sidebar-button")!;
-
-  sidebarButton.addEventListener("click", () => {
-    sidebar.showModal();
-  });
-
-  sidebar.addEventListener("click", (event) => {
-    if (event.target === sidebar) {
-      sidebar.close();
-    }
-  });
+  function initSidebar() {
+    const sidebar = document.getElementById(
+      "navbar-sidebar"
+    )! as HTMLDialogElement;
+    const sidebarButton = document.getElementById("sidebar-button")!;
+
+    sidebarButton.addEventListener("click", () => {
+      sidebar.showModal();
+    });
+
+    sidebar.addEventListener("click", (event) => {
+      if (event.target === sidebar) {
+        sidebar.close();
+      }
+    });
+  }
+
+  initSidebar();
+
+  document.addEventListener("astro:after-swap", initSidebar);
 </script>