From 0b4893b5c48bc3a4eb1096b30a1f1be6ef1e4b0c Mon Sep 17 00:00:00 2001
From: alikia2x <alikia2x@outlook.com>
Date: Mon, 1 Dec 2025 23:30:32 +0800
Subject: [PATCH] add: keyboard shortcut for navigation in labelling page

---
 packages/temp_frontend/app/routes/labelling/VideoInfo.tsx | 1 +
 packages/temp_frontend/app/routes/labelling/index.tsx     | 5 ++++-
 packages/temp_frontend/package.json                       | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/temp_frontend/app/routes/labelling/VideoInfo.tsx b/packages/temp_frontend/app/routes/labelling/VideoInfo.tsx
index 74ae874..5812318 100644
--- a/packages/temp_frontend/app/routes/labelling/VideoInfo.tsx
+++ b/packages/temp_frontend/app/routes/labelling/VideoInfo.tsx
@@ -59,6 +59,7 @@ export function VideoInfo({ video }: VideoInfoProps) {
 								<span>发布于 {formatDateTime(new Date(video.published_at!))}</span>
 								<br />
 								<span>播放：{(video.views ?? 0).toLocaleString()}</span>
+								&nbsp;&nbsp;
 								<span>时长：{formatDuration(video.duration || 0)}</span>
 							</p>
 							<p>
diff --git a/packages/temp_frontend/app/routes/labelling/index.tsx b/packages/temp_frontend/app/routes/labelling/index.tsx
index 3f8b276..bf14142 100644
--- a/packages/temp_frontend/app/routes/labelling/index.tsx
+++ b/packages/temp_frontend/app/routes/labelling/index.tsx
@@ -136,12 +136,15 @@ export default function Home() {
 			}
 
 			const key = e.key.toUpperCase();
-			console.log(key);
 
 			if (leftKeys.includes(key)) {
 				handleLabel(false);
 			} else if (rightKeys.includes(key)) {
 				handleLabel(true);
+			} else if (key === "ARROWLEFT") {
+				navigateTo(currentIndex - 1);
+			} else if (key === "ARROWRIGHT") {
+				navigateTo(currentIndex + 1);
 			}
 		};
 
diff --git a/packages/temp_frontend/package.json b/packages/temp_frontend/package.json
index 5072e26..e6f5d4e 100644
--- a/packages/temp_frontend/package.json
+++ b/packages/temp_frontend/package.json
@@ -8,7 +8,8 @@
 		"start": "react-router-serve ./build/server/index.js",
 		"typecheck": "react-router typegen && tsc",
 		"format": "prettier --write .",
-		"deploy": "wrangler deploy"
+		"deploy": "wrangler deploy",
+		"go": "bun run build && bun run deploy"
 	},
 	"dependencies": {
 		"@alikia/dark-theme-hook": "^1.0.2",