From 4e416e5737cd1e9807de9d3fdb97a59e42747a53 Mon Sep 17 00:00:00 2001
From: Roman <1071418+SeqviriouM@users.noreply.github.com>
Date: Thu, 22 Jan 2026 15:31:04 +0300
Subject: [PATCH] feat(Stories): add keyboard navigation with arrow keys

---
 src/components/Stories/Stories.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/components/Stories/Stories.tsx b/src/components/Stories/Stories.tsx
index eb2c316f..39fde991 100644
--- a/src/components/Stories/Stories.tsx
+++ b/src/components/Stories/Stories.tsx
@@ -94,6 +94,28 @@ export function Stories({
         });
     }, [items, onNextClick]);
 
+    React.useEffect(() => {
+        if (!open) {
+            return;
+        }
+
+        const handleKeyDown = (event: KeyboardEvent) => {
+            if (event.key === 'ArrowLeft') {
+                event.preventDefault();
+                handleGotoPrevious();
+            } else if (event.key === 'ArrowRight') {
+                event.preventDefault();
+                handleGotoNext();
+            }
+        };
+
+        window.addEventListener('keydown', handleKeyDown);
+
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [open, handleGotoPrevious, handleGotoNext]);
+
     if (items.length === 0) {
         return null;
     }