refactor: disallow open comment panel on mobile

OI-wiki · Oct 7, 2024 · 355de04 · 355de04
1 parent e367246
commit 355de04
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/frontend/lib/dom/comment.ts b/frontend/lib/dom/comment.ts
@@ -6,7 +6,7 @@ import iconInfoOutlineRounded from "iconify/info-outline-rounded";
 import { Comment } from "../types";
 import { getJWT, decodeJWT, logout, fetchGitHubMeta } from "../auth";
 import { apiEndpoint } from "../const";
-import { groupBy, dateTimeFormatter } from "../util";
+import { groupBy, dateTimeFormatter, isReallyMobile } from "../util";
 
 let selectedOffset: HTMLElement | null = null;
 
@@ -123,7 +123,10 @@ export const selectOffsetParagraph = async ({
     selectedOffset = el;
   }
 
-  if (selectedOffset?.dataset.reviewHasComments || forceOpenCommentsPanel) {
+  if (
+    (!isReallyMobile() && selectedOffset?.dataset.reviewHasComments) ||
+    forceOpenCommentsPanel
+  ) {
     delete selectedOffset.dataset.reviewFocused;
     selectedOffset.dataset.reviewSelected = "true";
     // 只有在点击评论按钮时才会 focus 到评论框，这里 forceOpenCommentsPanel === true 就等价于点击评论按钮

diff --git a/frontend/lib/util.ts b/frontend/lib/util.ts
@@ -17,3 +17,9 @@ export const dateTimeFormatter = new Intl.DateTimeFormat("zh-CN", {
   dateStyle: "short",
   timeStyle: "short",
 });
+
+export function isReallyMobile() {
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    navigator.userAgent,
+  );
+}