From 70339b7ae91150fa690dd81ded3d64d4cb1e2ce1 Mon Sep 17 00:00:00 2001
From: dumbmoron <log@riseup.net>
Date: Wed, 3 Jul 2024 17:51:01 +0000
Subject: [PATCH] web: handle global keyboard shortcuts

---
 web/src/routes/+layout.svelte | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 70f13921..177017a4 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
     import "@fontsource/ibm-plex-mono/400.css";
     import "@fontsource/ibm-plex-mono/500.css";
 
@@ -7,8 +7,27 @@
 
     import Sidebar from "$components/sidebar/Sidebar.svelte";
     import NotchSticker from "$components/misc/NotchSticker.svelte";
+    import { goto } from "$app/navigation";
+
+    const handleShortcut = (e: KeyboardEvent) => {
+        switch (e.key) {
+            case 'B':
+                goto('/about');
+                break;
+            case 'N':
+                goto('/updates');
+                break;
+            case 'M':
+                goto('/settings');
+                break;
+            default:
+                break;
+        }
+    }
 </script>
 
+<svelte:window on:keydown={handleShortcut} />
+
 <svelte:head>
     {#if device.is.mobile}
         <meta name="theme-color" content={statusBarColors[$currentTheme]}>