maintainability #30
@@ -122,6 +122,8 @@ export default function GameDetailModal({ game, libraryId, onClose, onPrev, onNe
|
||||
if (e.key === 'ArrowRight') { setLightboxIndex((i) => (i! < screenshots.length - 1 ? i! + 1 : i)); return }
|
||||
return
|
||||
}
|
||||
if (e.key === 'ArrowLeft') { onPrev?.(); return }
|
||||
if (e.key === 'ArrowRight') { onNext?.(); return }
|
||||
if (e.key === 'Escape') {
|
||||
if (menuOpen) { setMenuOpen(false); return }
|
||||
if (confirming) { setConfirming(false); return }
|
||||
@@ -137,7 +139,7 @@ export default function GameDetailModal({ game, libraryId, onClose, onPrev, onNe
|
||||
document.removeEventListener('keydown', handleKey)
|
||||
document.body.style.overflow = ''
|
||||
}
|
||||
}, [onClose, menuOpen, editingImages, confirming, renaming, showTagPanel, lightboxIndex, screenshots.length])
|
||||
}, [onClose, onPrev, onNext, menuOpen, editingImages, confirming, renaming, showTagPanel, lightboxIndex, screenshots.length])
|
||||
|
||||
// Close menu on outside click
|
||||
useEffect(() => {
|
||||
|
||||
@@ -40,6 +40,8 @@ export default function MovieDetailModal({ movie, libraryId, onClose, onPrev, on
|
||||
|
||||
useEffect(() => {
|
||||
const handleKey = (e: KeyboardEvent) => {
|
||||
if (e.key === 'ArrowLeft') { onPrev?.(); return }
|
||||
if (e.key === 'ArrowRight') { onNext?.(); return }
|
||||
if (e.key === 'Escape') {
|
||||
if (menuOpen) { setMenuOpen(false); return }
|
||||
if (confirming) { setConfirming(false); return }
|
||||
@@ -56,7 +58,7 @@ export default function MovieDetailModal({ movie, libraryId, onClose, onPrev, on
|
||||
document.removeEventListener('keydown', handleKey)
|
||||
document.body.style.overflow = ''
|
||||
}
|
||||
}, [onClose, menuOpen, confirming, editing, warnRefresh, renaming, showTagPanel])
|
||||
}, [onClose, onPrev, onNext, menuOpen, confirming, editing, warnRefresh, renaming, showTagPanel])
|
||||
|
||||
// Close menu on outside click
|
||||
useEffect(() => {
|
||||
|
||||
Reference in New Issue
Block a user