format

js/desktop/src/components/keybindings-overlay.tsx

@@ -1,6 +1,6 @@
-import { useSuspendPlayback } from "@/hooks/use-suspend-playback";
-import { useEffect } from "react";
-import { createPortal } from "react-dom";
+import { useSuspendPlayback } from '@/hooks/use-suspend-playback';
+import { useEffect } from 'react';
+import { createPortal } from 'react-dom';
 
 export interface KeybindingEntry {
   keys: string[];
@@ -23,21 +23,22 @@ export function KeybindingsOverlay({
   open,
   onClose,
   groups,
-  title = "Keyboard Shortcuts",
+  title = 'Keyboard Shortcuts',
 }: KeybindingsOverlayProps) {
-  useSuspendPlayback(open, "keybindings");
+  useSuspendPlayback(open, 'keybindings');
 
   useEffect(() => {
     if (!open) return;
     const handler = (e: KeyboardEvent) => {
-      if (e.key === "Escape" || e.key === "?") {
+      if (e.key === 'Escape' || e.key === '?') {
         e.preventDefault();
         e.stopPropagation();
         onClose();
       }
     };
-    window.addEventListener("keydown", handler, { capture: true });
-    return () => window.removeEventListener("keydown", handler, { capture: true });
+    window.addEventListener('keydown', handler, { capture: true });
+    return () =>
+      window.removeEventListener('keydown', handler, { capture: true });
   }, [open, onClose]);
 
   if (!open) return null;
@@ -56,11 +57,11 @@ export function KeybindingsOverlay({
           <span className="text-xs text-white/30">
             <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
               Esc
-            </kbd>{" "}
-            or{" "}
+            </kbd>{' '}
+            or{' '}
             <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
               ?
-            </kbd>{" "}
+            </kbd>{' '}
             to close
           </span>
         </div>