fix(StreamsList): streams-container scroll position

This commit is contained in:
Timothy Z. 2024-12-23 17:21:06 +02:00
parent 4ae93d081f
commit 87a07f28db

View file

@ -15,8 +15,10 @@ const ALL_ADDONS_KEY = 'ALL';
const StreamsList = ({ className, video, ...props }) => {
const { t } = useTranslation();
const { core } = useServices();
const streamContainerRef = React.useRef(null);
const [selectedAddon, setSelectedAddon] = React.useState(ALL_ADDONS_KEY);
const onAddonSelected = React.useCallback((event) => {
streamContainerRef.current.scrollTo({ top: 0 });
setSelectedAddon(event.value);
}, []);
const backButtonOnClick = React.useCallback(() => {
@ -142,7 +144,7 @@ const StreamsList = ({ className, video, ...props }) => {
:
null
}
<div className={styles['streams-container']}>
<div className={styles['streams-container']} ref={streamContainerRef}>
{filteredStreams.map((stream, index) => (
<Stream
key={index}