refactor: organize desktop vs. mobile into separate folders

2026-04-29 08:42:56 -07:00
parent 3d9fe67936
commit 3a11a82cd3
194 changed files with 213 additions and 213 deletions
@@ -0,0 +1,63 @@
+import { useEffect } from "react";
+import { REACTION_EMOJIS } from "@/api/types";
+import { selectIsPaused, usePlaybackPauseStore } from "@/stores/playback-pause-store";
+import { isTypingTarget } from "@/lib/keyboard";
+
+interface UseStreamActionKeysOptions {
+  onToggleReaction: (emoji: string) => void;
+  onOpenHuddle: () => void;
+  onToggleRecordingMode: () => void;
+  onToggleKeybindings: () => void;
+  onOpenTextReaction: () => void;
+}
+
+/**
+ * Reactions 1–7, `r` quick text reply, `h` huddle, `v` toggle recording mode,
+ * `?` toggle keybindings overlay. Skipped while playback is paused for any reason.
+ */
+export function useStreamActionKeys({
+  onToggleReaction,
+  onOpenHuddle,
+  onToggleRecordingMode,
+  onToggleKeybindings,
+  onOpenTextReaction,
+}: UseStreamActionKeysOptions) {
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (isTypingTarget(e)) return;
+      if (selectIsPaused(usePlaybackPauseStore.getState())) return;
+
+      switch (e.key) {
+        case "h":
+          e.preventDefault();
+          onOpenHuddle();
+          break;
+        case "v":
+          e.preventDefault();
+          onToggleRecordingMode();
+          break;
+        case "r":
+          e.preventDefault();
+          onOpenTextReaction();
+          break;
+        case "?":
+          e.preventDefault();
+          onToggleKeybindings();
+          break;
+        case "1":
+        case "2":
+        case "3":
+        case "4":
+        case "5":
+        case "6":
+        case "7":
+          e.preventDefault();
+          onToggleReaction(REACTION_EMOJIS[parseInt(e.key) - 1]);
+          break;
+      }
+    };
+
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [onToggleReaction, onOpenHuddle, onToggleRecordingMode, onToggleKeybindings, onOpenTextReaction]);
+}