extern/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2024-11-24 17:24:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

add esc key

Browse Source
This commit is contained in:
aleensd 2024-11-19 10:23:51 +02:00
parent 103eb01d7f
commit 6a86bda0ab
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/static/js/components/media-viewer/ImageViewer.js
View File

@ -52,7 +52,7 @@ export default function ImageViewer() {
useEffect(() => { useEffect(() => {
if (!isModalOpen) return; if (!isModalOpen) return;
document.addEventListener('keydown', handleKeyDown); document.addEventListener('keydown', handleKeyDown);
return () => { return () => {
@ -61,13 +61,13 @@ export default function ImageViewer() {
}, [isModalOpen, slideshowItems]); }, [isModalOpen, slideshowItems]);
const handleKeyDown = (event) => { const handleKeyDown = (event) => {
if (event.key === 'ArrowRight') { if (event.key === 'ArrowRight') handleNext();
handleNext(); if (event.key === 'ArrowLeft') handlePrevious();
} else if (event.key === 'ArrowLeft') { if (event.key === 'Escape') onClose();
handlePrevious();
}
}; };
const onClose=()=>setIsModalOpen(false)
const handleNext = () => { const handleNext = () => {
setCurrentIndex((prevIndex) => (prevIndex + 1) % slideshowItems.length); setCurrentIndex((prevIndex) => (prevIndex + 1) % slideshowItems.length);
}; };