mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-02-16 10:29:51 +01:00
refactor
This commit is contained in:
parent
a4872e7ea0
commit
103eb01d7f
@ -51,7 +51,8 @@ export default function ImageViewer() {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
if (!isModalOpen) return;
|
||||||
|
|
||||||
document.addEventListener('keydown', handleKeyDown);
|
document.addEventListener('keydown', handleKeyDown);
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
@ -59,10 +60,7 @@ export default function ImageViewer() {
|
|||||||
};
|
};
|
||||||
}, [isModalOpen, slideshowItems]);
|
}, [isModalOpen, slideshowItems]);
|
||||||
|
|
||||||
|
|
||||||
const handleKeyDown = (event) => {
|
const handleKeyDown = (event) => {
|
||||||
if (!isModalOpen) return;
|
|
||||||
|
|
||||||
if (event.key === 'ArrowRight') {
|
if (event.key === 'ArrowRight') {
|
||||||
handleNext();
|
handleNext();
|
||||||
} else if (event.key === 'ArrowLeft') {
|
} else if (event.key === 'ArrowLeft') {
|
||||||
@ -78,9 +76,8 @@ export default function ImageViewer() {
|
|||||||
setCurrentIndex((prevIndex) => (prevIndex - 1 + slideshowItems.length) % slideshowItems.length);
|
setCurrentIndex((prevIndex) => (prevIndex - 1 + slideshowItems.length) % slideshowItems.length);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleDotClick = (index) => {
|
const handleDotClick = (index) => setCurrentIndex(index);
|
||||||
setCurrentIndex(index);
|
|
||||||
};
|
|
||||||
const handleImageClick = (index) => {
|
const handleImageClick = (index) => {
|
||||||
const mediaPageUrl = site.url + slideshowItems[index]?.url;
|
const mediaPageUrl = site.url + slideshowItems[index]?.url;
|
||||||
window.location.href = mediaPageUrl;
|
window.location.href = mediaPageUrl;
|
||||||
|
Loading…
Reference in New Issue
Block a user