Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 07:32:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #259 from Stremio/fix-discover-scroll

Browse source 
Fix Discover Scroll
This commit is contained in:
Nikola Hristov 2022-02-15 13:41:29 +02:00 committed by GitHub
commit 7b6c5de144
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/Discover/Discover.js
View file

@ -67,6 +67,12 @@ const Discover = ({ urlParams, queryParams }) => {
closeAddonModal(); closeAddonModal();
setSelectedMetaItemIndex(0); setSelectedMetaItemIndex(0);
}, [discover.selected]); }, [discover.selected]);
const metaItemsContainerRef = React.useRef();
React.useEffect(() => {
if (discover.catalog?.content.type === 'Loading') {
metaItemsContainerRef.current.scrollTo(0, 0);
}
}, [discover.catalog]);
return ( return (
<MainNavBars className={styles['discover-container']} route={'discover'}> <MainNavBars className={styles['discover-container']} route={'discover'}>
<div className={styles['discover-content']}> <div className={styles['discover-content']}>
@ -124,7 +130,7 @@ const Discover = ({ urlParams, queryParams }) => {
</div> </div>
: :
discover.catalog.content.type === 'Loading' ? discover.catalog.content.type === 'Loading' ?
<div className={styles['meta-items-container']}> <div ref={metaItemsContainerRef} className={styles['meta-items-container']}>
{Array(CONSTANTS.CATALOG_PAGE_SIZE).fill(null).map((_, index) => ( {Array(CONSTANTS.CATALOG_PAGE_SIZE).fill(null).map((_, index) => (
<div key={index} className={styles['meta-item-placeholder']}> <div key={index} className={styles['meta-item-placeholder']}>
<div className={styles['poster-container']} /> <div className={styles['poster-container']} />
@ -135,7 +141,7 @@ const Discover = ({ urlParams, queryParams }) => {
))} ))}
</div> </div>
: :
<div className={styles['meta-items-container']} onFocusCapture={metaItemsOnFocusCapture}> <div ref={metaItemsContainerRef} className={styles['meta-items-container']} onFocusCapture={metaItemsOnFocusCapture}>
{discover.catalog.content.content.map((metaItem, index) => ( {discover.catalog.content.content.map((metaItem, index) => (
<MetaItem <MetaItem
key={index} key={index}