feat: scrolling fixed on videos

stakwork · Jan 30, 2024 · e6c62db · e6c62db
1 parent a9b2d17
commit e6c62db
Showing 1 changed file with 18 additions and 17 deletions.
diff --git a/src/components/App/SideBar/YouTube/index.tsx b/src/components/App/SideBar/YouTube/index.tsx
@@ -34,21 +34,22 @@ export const YouTube = () => {
   }
 
   return (
-    <Wrapper>
-      <StyledEpisode
-        boostCount={boostAmount || 0}
-        date={date || 0}
-        episodeTitle={formatDescription(episodeTitle)}
-        id={id}
-        imageUrl={imageUrl || 'video_default.svg'}
-        isSelectedView
-        link={link}
-        onClick={() => null}
-        showTitle={showTitle}
-        type={nodeType || type}
-      />
-      <StyledDivider />
-      <div ref={scrollTargetRef} style={{ overflow: 'auto', flex: 1, width: '100%' }}>
+    <div ref={scrollTargetRef} style={{ overflow: 'auto', flex: 1, width: '100%' }}>
+      <Wrapper>
+        <StyledEpisode
+          boostCount={boostAmount || 0}
+          date={date || 0}
+          episodeTitle={formatDescription(episodeTitle)}
+          id={id}
+          imageUrl={imageUrl || 'video_default.svg'}
+          isSelectedView
+          link={link}
+          onClick={() => null}
+          showTitle={showTitle}
+          type={nodeType || type}
+        />
+        <StyledDivider />
+
         <BoostWrapper>
           <BoostAmt amt={boostAmount} />
           <Booster content={selectedNode} count={boostAmount} refId={refId} updateCount={setBoostAmount} />
@@ -61,8 +62,8 @@ export const YouTube = () => {
         <TextWrapper>
           <Transcript key={id} node={selectedNode} stateless />
         </TextWrapper>
-      </div>
-    </Wrapper>
+      </Wrapper>
+    </div>
   )
 }