From 524bcd90da368ba7784febf12f80980e0df82366 Mon Sep 17 00:00:00 2001
From: Abdalrzag Eisa <bmjfdrh@gmail.com>
Date: Sat, 14 Jun 2025 02:38:11 +0300
Subject: [PATCH] automatically jump to video on mount, remove button

---
 src/routes/Player/SideDrawer/SideDrawer.less | 13 -------------
 src/routes/Player/SideDrawer/SideDrawer.tsx  | 14 +++++++-------
 2 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index e970a8ca7..2d2178c3e 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -1,6 +1,5 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
-@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
 @import (reference) '~stremio/common/screen-sizes.less';
 
 :import('~stremio/components/MetaPreview/styles.less') {
@@ -72,22 +71,10 @@
         flex: 2;
         display: flex;
         flex-direction: column;
-        position: relative;
 
         .videos {
             overflow-y: auto;
         }
-
-        .jump-to-currently-playing-btn {
-            position: absolute;
-            bottom: 1rem;
-            right: 1rem;
-            z-index: 1;
-            width: 2.5rem;
-            height: 2.5rem;
-            border-radius: 50%;
-            background-color: @color-primaryvariant1-light1-90;
-        }
     }
 }
 
diff --git a/src/routes/Player/SideDrawer/SideDrawer.tsx b/src/routes/Player/SideDrawer/SideDrawer.tsx
index 365ba87ae..11ff4b995 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.tsx
+++ b/src/routes/Player/SideDrawer/SideDrawer.tsx
@@ -1,11 +1,11 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
-import React, { useMemo, useCallback, useState, forwardRef, memo, useRef } from 'react';
+import React, { useMemo, useCallback, useState, forwardRef, memo, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import Icon from '@stremio/stremio-icons/react';
 import { useServices } from 'stremio/services';
 import { CONSTANTS } from 'stremio/common';
-import { MetaPreview, Video, Button } from 'stremio/components';
+import { MetaPreview, Video } from 'stremio/components';
 import SeasonsBar from 'stremio/routes/MetaDetails/VideosList/SeasonsBar';
 import styles from './SideDrawer.less';
 
@@ -78,11 +78,12 @@ const SideDrawer = memo(forwardRef<HTMLDivElement, Props>(({ seriesInfo, classNa
 
     const currentlyPlayingVideoRef = useRef<HTMLDivElement>(null);
 
-    const jumpToCurrentlyPlaying = () => {
+    useEffect(() => {
         const { current } = currentlyPlayingVideoRef;
-
-        if (current) current.scrollIntoView({ behavior: 'smooth', block: 'center' });
-    };
+        if (current) {
+            setTimeout(() => { current.scrollIntoView({ behavior: 'smooth', block: 'center' }); }, 300);
+        }
+    }, []);
 
     return (
         <div ref={ref} className={classNames(styles['side-drawer'], className)} onMouseDown={onMouseDown}>
@@ -111,7 +112,6 @@ const SideDrawer = memo(forwardRef<HTMLDivElement, Props>(({ seriesInfo, classNa
                             onSelect={seasonOnSelect}
                         />
                         <div className={styles['videos']}>
-                            <Button className={styles['jump-to-currently-playing-btn']} disabled={seriesInfo.season !== season} onClick={jumpToCurrentlyPlaying}><Icon className={styles['icon']} name={'discover-outline'} /></Button>
                             {videos.map((video, index) => (
                                 <div key={index} ref={video.id === props.currentlyPlayingVideoID ? currentlyPlayingVideoRef : null}>
                                     <Video