From 57dc71c4825f69c508742b7fc211feb708da97d8 Mon Sep 17 00:00:00 2001
From: ThisBirchWood <dylanseandefaoite@gmail.com>
Date: Fri, 23 May 2025 09:21:36 +0200
Subject: [PATCH] PATCH right thumb not dragging video correctly

---
 package-lock.json                      |  2 +-
 package.json                           |  7 ++++---
 src/main/frontend/views/video/{id}.tsx | 10 +++++-----
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f4868aa..e04a12f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "vodSystem",
+  "name": "VoD-System",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
diff --git a/package.json b/package.json
index a3a9bf0..2b93a07 100644
--- a/package.json
+++ b/package.json
@@ -124,7 +124,7 @@
       "workbox-core": "7.3.0",
       "workbox-precaching": "7.3.0"
     },
-    "hash": "c9aa2dc3684f659cdacbd7235263e79680332a1d6598b09ea248bfa5d0d96fa9"
+    "hash": "6691688a44297a5558ef37db2e66ab96a2b26de25ce9dd16419318e19f092916"
   },
   "type": "module",
   "overrides": {
@@ -155,6 +155,7 @@
     "@tailwindcss/vite": "$@tailwindcss/vite",
     "react-router-dom": "$react-router-dom",
     "react-player": "$react-player",
-    "react-range-slider-input": "$react-range-slider-input"
+    "react-range-slider-input": "$react-range-slider-input",
+    "react-slider": "$react-slider"
   }
-}
+}
\ No newline at end of file
diff --git a/src/main/frontend/views/video/{id}.tsx b/src/main/frontend/views/video/{id}.tsx
index 5ae41bc..d463f68 100644
--- a/src/main/frontend/views/video/{id}.tsx
+++ b/src/main/frontend/views/video/{id}.tsx
@@ -27,21 +27,21 @@ export default function video() {
     const [metadata, setMetadata] = useState<VideoMetadata | null>(null);
     const [sliderValue, setSliderValue] = useState(0);
 
-    let previousRangeSliderInput = [0, 0];
+    let previousRangeSliderInput = useRef<[number, number]>([0, 0]);
     const handleRangeSliderInput = (val: [number, number]) => {
         if (!videoRef.current) {
             return;
         }
 
-        if (previousRangeSliderInput[0] != val[0]) {
+        if (previousRangeSliderInput.current[0] != val[0]) {
             videoRef.current.currentTime = val[0];
             setSliderValue(val[0]);
-        } else if (previousRangeSliderInput[1] != val[1]) {
+        } else if (previousRangeSliderInput.current[1] != val[1]) {
             videoRef.current.currentTime = val[1];
             setSliderValue(val[1]);
         }
 
-        previousRangeSliderInput = val;
+        previousRangeSliderInput.current = val;
     };
 
     const updateVideoTag = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -50,7 +50,7 @@ export default function video() {
         }
 
         setSliderValue(parseFloat(e.target.value));
-        //videoRef.current.currentTime = parseFloat(e.target.value);
+        videoRef.current.currentTime = parseFloat(e.target.value);
     };
 
     useEffect(() => {