From 1e517f9e86d410571307f20835765663e0d97a11 Mon Sep 17 00:00:00 2001
From: Silversith <j.vdgryp@gmail.com>
Date: Thu, 20 Apr 2023 15:50:41 +0200
Subject: [PATCH] Update imageFeed.js

Add left and right keys to image preview for image drawer
---
 web/extensions/core/imageFeed.js | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/web/extensions/core/imageFeed.js b/web/extensions/core/imageFeed.js
index c650ad661..4eabf628b 100644
--- a/web/extensions/core/imageFeed.js
+++ b/web/extensions/core/imageFeed.js
@@ -156,19 +156,33 @@ app.registerExtension({
                 popup.remove();
               });
               nextButton.addEventListener("click", () => {
+                next();
+              });
+              prevButton.addEventListener("click", () => {
+                prev();
+              });
+              function next(){
                 currentIndex--;
                 if (currentIndex < 0) {
                   currentIndex = allImages.length - 1;
                 }
                 popupImg.src = `/view?filename=${encodeURIComponent(allImages[currentIndex].filename)}&type=${allImages[currentIndex].type}&subfolder=${encodeURIComponent(allImages[currentIndex].subfolder)}`;
-              });
-              prevButton.addEventListener("click", () => {
+              }
+              function prev(){
                 currentIndex++;
                 if (currentIndex >= allImages.length) {
                   currentIndex = 0;
                 }
                 popupImg.src = `/view?filename=${encodeURIComponent(allImages[currentIndex].filename)}&type=${allImages[currentIndex].type}&subfolder=${encodeURIComponent(allImages[currentIndex].subfolder)}`;
-              });
+              }
+                document.addEventListener('keydown', function(event) {
+                    if (event.keyCode === 37) {
+                        prev();
+                    }
+                    else if (event.keyCode === 39) {
+                        next();
+                    }
+                });
               popup.addEventListener("click", (event) => {
                 if (event.target === popup) {
                   popup.remove();