Add arrowleft/right hotkeys; remove mousetrap

Author: switz

package.json

@@ -27,7 +27,6 @@
     "isomorphic-fetch": "3.0.0",
     "ky": "^1.2.4",
     "ky-universal": "^0.12.0",
-    "mousetrap": "1.6.5",
     "next": "15.2.4",
     "next-redux-wrapper": "8.1.0",
     "nextjs-toploader": "^3.7.15",

pnpm-lock.yaml

@@ -21,14 +21,21 @@ export default function Providers({ children }: PropsWithChildren) {
   );
 
   useEffect(() => {
-    const playpause = (e: KeyboardEvent) => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      console.log(e.code);
       if (e.code === 'Space') {
         player.togglePlayPause();
       }
+      if (e.code === 'ArrowRight') {
+        player.playNext();
+      }
+      if (e.code === 'ArrowLeft') {
+        player.playPrevious();
+      }
     };
-    document.addEventListener('keydown', playpause);
+    document.addEventListener('keydown', onKeyDown);
 
-    return () => document.removeEventListener('keydown', playpause);
+    return () => document.removeEventListener('keydown', onKeyDown);
   }, []);
 
   return (