hax/seek-tune
1
0
Fork 0
mirror of https://github.com/cgzirim/seek-tune.git synced 2025-12-18 17:34:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add smooth scrolling to YouTube cards when circle is clicked

Browse source
This commit is contained in:
Chigozirim Igweamaka 2024-06-30 14:25:14 +01:00
parent 7c784d6384
commit 3ffa381e2d
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/src/components/CarouselSliders.js
View file

@ -6,10 +6,14 @@ const CarouselSliders = (props) => {
const [activeVideoID, setActiveVideoID] = useState(null); const [activeVideoID, setActiveVideoID] = useState(null);
const players = useRef({}); const players = useRef({});
const activeVid = props.matches.length ? props.matches[0].YouTubeID : "";
useEffect(() => { useEffect(() => {
setActiveVideoID(activeVid); if (props.matches.length > 0) {
const firstVideoID = props.matches[0].YouTubeID;
document
.getElementById(`slide-${firstVideoID}`)
.scrollIntoView({ behavior: "smooth" });
setActiveVideoID(firstVideoID);
}
}, [props.matches]); }, [props.matches]);
const onReady = (event, videoId) => { const onReady = (event, videoId) => {