fix: video not playing on thumb click

hydralauncher · May 12, 2024 · 4302639 · 4302639
1 parent 05c6c7c
commit 4302639
Showing 1 changed file with 4 additions and 8 deletions.
diff --git 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) {