Merge pull request #103 from ManishxNinja/feat/keyboard-navigation

feat: implement left and right arrow key navigation

Author: Pranav0-0Aggarwal

frontend/src/components/Media/MediaView.tsx

@@ -18,6 +18,22 @@ const MediaView: React.FC<MediaViewProps> = ({
     setGlobalIndex((currentPage - 1) * itemsPerPage + initialIndex);
   }, [initialIndex, currentPage, itemsPerPage]);
 
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "ArrowRight") {
+        handleNextItem();
+      } else if (e.key === "ArrowLeft") {
+        handlePrevItem();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [globalIndex]);
+
   function handlePrevItem() {
     if (globalIndex > 0) {
       setGlobalIndex(globalIndex - 1);