From 9c4afb8fd5ec7552eb67aa3c01e0cd1aabe612bc Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 8 Oct 2021 16:37:09 +0200
Subject: fixing race condition

---
 src/views/Gallery.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'src/views/Gallery.js')

diff --git a/src/views/Gallery.js b/src/views/Gallery.js
index 7681e3b..b69a7d7 100644
--- a/src/views/Gallery.js
+++ b/src/views/Gallery.js
@@ -60,18 +60,22 @@ export default function Gallery({ images, visible, onLoad }) {
       </div>
       <div className="buttons arrows">
         {!oneItem && (
-          <img
-            src="/assets/img/arrow-back.svg"
-            onClick={previous}
-            style={{ opacity: index > 0 ? 1 : 0 }}
-          />
+          <div>
+            <img
+              src="/assets/img/arrow-back.svg"
+              onClick={previous}
+              style={{ opacity: index > 0 ? 1 : 0 }}
+            />
+          </div>
         )}
         {!oneItem && (
-          <img
-            src="/assets/img/arrow-forward.svg"
-            onClick={next}
-            style={{ opacity: index < images.length - 1 ? 1 : 0 }}
-          />
+          <div>
+            <img
+              src="/assets/img/arrow-forward.svg"
+              onClick={next}
+              style={{ opacity: index < images.length - 1 ? 1 : 0 }}
+            />
+          </div>
         )}
       </div>
     </div>
-- 
cgit v1.2.3-70-g09d2