From 9fdfdc1e59c554f15340151b9e488a91b81fcc29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20D=C4=9Bdi=C4=8D?= <developer@dedic.eu>
Date: Thu, 8 Feb 2024 13:04:47 +0100
Subject: [PATCH] Enabled keyboard arrow navigation in the folder selection

---
 src/frontend/FolderSelection.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/frontend/FolderSelection.svelte b/src/frontend/FolderSelection.svelte
index 047faf13..f96b550b 100644
--- a/src/frontend/FolderSelection.svelte
+++ b/src/frontend/FolderSelection.svelte
@@ -91,6 +91,13 @@
     }
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Needed because SMUI doesn't provide types for the event
+  function handleItemKeydown(e: any, item: NamedRecord): void {
+    if ((e as KeyboardEvent).key === "ArrowRight") {
+      itemNavigation(item);
+    }
+  }
+
   getItems();
 </script>
 
@@ -127,6 +134,9 @@
         on:dblclick={() => {
           itemNavigation(item);
         }}
+        on:keydown={(e) => {
+          handleItemKeydown(e, item);
+        }}
         on:SMUI:action={() => {
           if (selected === item) {
             itemNavigation(item);