feat(client): added capture of down and up arrows to ease scrolling w…

…hen page is not focused
will-moss · Sep 9, 2024 · 1c7466d · 1c7466d
1 parent 1f2600c
commit 1c7466d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/VideoFeed/index.jsx b/src/components/VideoFeed/index.jsx
@@ -171,8 +171,10 @@ const VideoFeed = ({
   const handleKeyboardSeeking = (e) => {
     if (e.code === "ArrowRight") seekVideoForward();
     else if (e.code === "ArrowLeft") seekVideoBackward();
-
-    return;
+    else if (e.code === "ArrowDown")
+      feedRef.current.scrollBy({ top: 1, left: 0, behavior: "smooth" });
+    else if (e.code === "ArrowUp")
+      feedRef.current.scrollBy({ top: -1, left: 0, behavior: "smooth" });
   };
   const seekVideoForward = () => {
     currentVideoElement.current.currentTime += 5;