From 6edfc66c3e3c03ac6392d6c317c0d421c8e604a1 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Thu, 28 Nov 2024 21:33:53 +0100
Subject: [PATCH] [frontend/components] Keyboard navigation for
 AttachmentViewer (ISH-641)

---
 .../Components/AttachmentView.razor               | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/Iceshrimp.Frontend/Components/AttachmentView.razor b/Iceshrimp.Frontend/Components/AttachmentView.razor
index f6289358..22b36b55 100644
--- a/Iceshrimp.Frontend/Components/AttachmentView.razor
+++ b/Iceshrimp.Frontend/Components/AttachmentView.razor
@@ -2,7 +2,7 @@
 @using Iceshrimp.Shared.Schemas.Web
 @inject IJSRuntime Js
 
-<dialog class="attachment-view" @ref="Dialog">
+<dialog class="attachment-view" @onkeydown="OnKeyDown" @ref="Dialog">
     <button @onclick="CloseDialog" @onclick:stopPropagation="true" class="close">
         <Icon Name="Icons.X" Size="5rem"></Icon>
     </button>
@@ -40,6 +40,19 @@
         set => _refs.Add(value);
     }
 
+    private async Task OnKeyDown(KeyboardEventArgs e)
+    {
+        switch (e.Key)
+        {
+            case "ArrowRight":
+                await Next();
+                break;
+            case "ArrowLeft":
+                await Prev();
+                break;
+        }
+    }
+
     private ElementReference Scroller    { get; set; }
     private int              ScrollWidth { get; set; }
     private int              ScrollLeft  { get; set; }