From a7122a1e3481a04b3050734cc1149eb29b57e08e Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Sun, 17 Dec 2023 00:23:57 +0100
Subject: [PATCH] Add functionality to nav select

---
 src/components/DiaryNav/DiaryNavBar.astro | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/DiaryNav/DiaryNavBar.astro b/src/components/DiaryNav/DiaryNavBar.astro
index 36c4d12..640b343 100644
--- a/src/components/DiaryNav/DiaryNavBar.astro
+++ b/src/components/DiaryNav/DiaryNavBar.astro
@@ -60,6 +60,16 @@ const nextEntryLink = nextEntry ?
     <span></span>
 </nav>
 
+<script>
+    const selectElements = document.querySelectorAll(".selectField");
+
+    selectElements.forEach((el) => {
+        el.addEventListener("change", (event) => {
+            window.location.pathname = (event.target as HTMLSelectElement)?.value;
+        });
+    });
+</script>
+
 <style lang="scss">
 nav {
     display: grid;
@@ -128,6 +138,7 @@ a:hover {
 
 .leftSelectSpace {
     grid-area: 1/2;
+    text-align: right;
 }
 
 .leftSelectSpaceSync {