diff --git a/electron-ui/src/renderer/components/Trimmer/dialogs/DeleteClipDialog.tsx b/electron-ui/src/renderer/components/Trimmer/dialogs/DeleteClipDialog.tsx index 93f7a1d..433134d 100644 --- a/electron-ui/src/renderer/components/Trimmer/dialogs/DeleteClipDialog.tsx +++ b/electron-ui/src/renderer/components/Trimmer/dialogs/DeleteClipDialog.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { Dialog, DialogTitle, @@ -15,34 +14,6 @@ export default function DeleteClipDialog({ onCancel: () => void; onDelete: () => void; }) { - const cancelRef = React.useRef(null); - const deleteRef = React.useRef(null); - const [focusedIdx, setFocusedIdx] = React.useState(1); // 0: Cancel, 1: Delete - - // Focus Delete on open - React.useEffect(() => { - if (open) { - setFocusedIdx(1); - setTimeout(() => { - deleteRef.current?.focus(); - }, 0); - } - }, [open]); - - // Keyboard navigation - const handleKeyDown = (e: React.KeyboardEvent) => { - if (e.key === 'Tab') { - e.preventDefault(); - const nextIdx = (focusedIdx + 1) % 2; - setFocusedIdx(nextIdx); - if (nextIdx === 0) cancelRef.current?.focus(); - else deleteRef.current?.focus(); - } else if (e.key === 'Enter') { - if (focusedIdx === 0) onCancel(); - else onDelete(); - } - }; - return ( Confirm Delete Are you sure you want to delete this clip? diff --git a/electron-ui/src/renderer/components/Trimmer/dialogs/NameEditDialog.tsx b/electron-ui/src/renderer/components/Trimmer/dialogs/NameEditDialog.tsx index 378a532..c0b72f0 100644 --- a/electron-ui/src/renderer/components/Trimmer/dialogs/NameEditDialog.tsx +++ b/electron-ui/src/renderer/components/Trimmer/dialogs/NameEditDialog.tsx @@ -42,10 +42,8 @@ export default function NameEditDialog({ onChange={(e) => { setInput(e.target.value); }} - rows={3} onFocus={(event) => event.target.select()} aria-label="Edit clip name" - style={{ minHeight: '3em' }} />