minor issues fixes in

1 files changed, 7 insertions, 2 deletions

diff --git a/modern/src/reports/ReplayPage.js b/modern/src/reports/ReplayPage.js
index d3839c5c..d79e19ce 100644
--- a/modern/src/reports/ReplayPage.js
+++ b/modern/src/reports/ReplayPage.js
@@ -86,6 +86,7 @@ const ReplayPage = () => {
   useEffect(() => {
     if (isPlaying && positions.length > 0) {
       timerRef.current = setInterval(() => {
+        console.log('in setInterval func');
         setIndex((index) => index + 1);
       }, 500);
     } else {
@@ -95,6 +96,12 @@ const ReplayPage = () => {
     return () => clearInterval(timerRef.current);
   }, [isPlaying, positions]);
 
+  useEffect(() => {
+    if (index >= positions.length) {
+      clearInterval(timerRef.current);
+    }
+  }, [index]);
+
   const handleSubmit = async (deviceId, from, to, _, headers) => {
     setSelectedDeviceId(deviceId);
     const query = new URLSearchParams({ deviceId, from, to });
@@ -187,7 +194,6 @@ const ReplayPage = () => {
                     <TextField
                       fullWidth
                       label={t('reportPlaybackPerMinute')}
-                      name="playbackpermin"
                       value={playbackSpeed}
                       onChange={(e) => setPlaybackSpeed(e.target.value)}
                       variant="filled"
@@ -200,7 +206,6 @@ const ReplayPage = () => {
                         <Switch
                           checked={isPlaying}
                           onChange={(e) => setIsPlaying(e.target.checked)}
-                          name="autoPlay"
                           color="primary"
                           edge="start"
                         />