From 49b692d44c1ea1e650832d4ea0d13c22a2ba1725 Mon Sep 17 00:00:00 2001
From: Alfie Jones <alfie.jones@hotmail.co.uk>
Date: Mon, 10 Jun 2024 18:03:29 +0100
Subject: [PATCH] Update header.astro

---
 .../src/components/header.astro               | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/apps/marketing-astro/src/components/header.astro b/apps/marketing-astro/src/components/header.astro
index 3afc7043..58b91b86 100644
--- 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>