From bc878a2e90b7ee9b66b144f45de635a685eecc28 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Thu, 26 Jan 2023 22:41:18 +0900
Subject: [PATCH] Fix keyboard bindings

---
 front/packages/ui/src/player/keyboard.tsx | 71 ++++++++++++-----------
 1 file changed, 36 insertions(+), 35 deletions(-)

diff --git a/front/packages/ui/src/player/keyboard.tsx b/front/packages/ui/src/player/keyboard.tsx
index a2440a80..02ee52a6 100644
--- a/front/packages/ui/src/player/keyboard.tsx
+++ b/front/packages/ui/src/player/keyboard.tsx
@@ -107,17 +107,17 @@ export const useVideoKeyboard = (
 					break;
 
 				case "ArrowLeft":
-					reducer({ type: "seek", value: -5000 });
+					reducer({ type: "seek", value: -5 });
 					break;
 				case "ArrowRight":
-					reducer({ type: "seek", value: +5000 });
+					reducer({ type: "seek", value: +5 });
 					break;
 
 				case "j":
-					reducer({ type: "seek", value: -10_000 });
+					reducer({ type: "seek", value: -10 });
 					break;
 				case "l":
-					reducer({ type: "seek", value: +10_000 });
+					reducer({ type: "seek", value: +10 });
 					break;
 
 				case "ArrowUp":
@@ -127,37 +127,6 @@ export const useVideoKeyboard = (
 					reducer({ type: "volume", value: -5 });
 					break;
 
-				case "0":
-					reducer({ type: "seekPercent", value: 0 });
-					break;
-				case "1":
-					reducer({ type: "seekPercent", value: 10 });
-					break;
-				case "2":
-					reducer({ type: "seekPercent", value: 20 });
-					break;
-				case "3":
-					reducer({ type: "seekPercent", value: 30 });
-					break;
-				case "4":
-					reducer({ type: "seekPercent", value: 40 });
-					break;
-				case "5":
-					reducer({ type: "seekPercent", value: 50 });
-					break;
-				case "6":
-					reducer({ type: "seekPercent", value: 60 });
-					break;
-				case "7":
-					reducer({ type: "seekPercent", value: 70 });
-					break;
-				case "8":
-					reducer({ type: "seekPercent", value: 80 });
-					break;
-				case "9":
-					reducer({ type: "seekPercent", value: 90 });
-					break;
-
 				case "f":
 					reducer({ type: "fullscreen" });
 					break;
@@ -181,6 +150,38 @@ export const useVideoKeyboard = (
 				default:
 					break;
 			}
+			switch (event.code) {
+				case "Digit0":
+					reducer({ type: "seekPercent", value: 0 });
+					break;
+				case "Digit1":
+					reducer({ type: "seekPercent", value: 10 });
+					break;
+				case "Digit2":
+					reducer({ type: "seekPercent", value: 20 });
+					break;
+				case "Digit3":
+					reducer({ type: "seekPercent", value: 30 });
+					break;
+				case "Digit4":
+					reducer({ type: "seekPercent", value: 40 });
+					break;
+				case "Digit5":
+					reducer({ type: "seekPercent", value: 50 });
+					break;
+				case "Digit6":
+					reducer({ type: "seekPercent", value: 60 });
+					break;
+				case "Digit7":
+					reducer({ type: "seekPercent", value: 70 });
+					break;
+				case "Digit8":
+					reducer({ type: "seekPercent", value: 80 });
+					break;
+				case "Digit9":
+					reducer({ type: "seekPercent", value: 90 });
+					break;
+			}
 		};
 
 		document.addEventListener("keyup", handler);