From 43026392202f22cd42c0d740b29f26f829596696 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sun, 12 May 2024 17:03:39 -0300
Subject: [PATCH] fix: video not playing on thumb click

---
 .../src/pages/game-details/gallery-slider.tsx        | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/pages/game-details/gallery-slider.tsx b/src/renderer/src/pages/game-details/gallery-slider.tsx
index 77fcb858..b0400bd9 100644
--- a/src/renderer/src/pages/game-details/gallery-slider.tsx
+++ b/src/renderer/src/pages/game-details/gallery-slider.tsx
@@ -33,10 +33,6 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
   const [arrowShow, setArrowShow] = useState(false);
 
   const showNextImage = () => {
-    if (currentVideoRef.current) {
-      currentVideoRef.current.pause()
-    }
-
     setMediaIndex((index: number) => {
       if (index === mediaCount - 1) return 0;
 
@@ -45,10 +41,6 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
   };
 
   const showPrevImage = () => {
-    if (currentVideoRef.current) {
-      currentVideoRef.current.pause()
-    }
-
     setMediaIndex((index: number) => {
       if (index === 0) return mediaCount - 1;
 
@@ -61,6 +53,10 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
   }, [gameDetails]);
 
   useEffect(() => {
+    if (currentVideoRef.current) {
+      currentVideoRef.current.pause()
+    }
+
     if (hasMovies && mediaContainerRef.current) {
       mediaContainerRef.current.childNodes.forEach((node, index) => {
         if (index == mediaIndex && node instanceof HTMLVideoElement) {