discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

expo random tops fixes (#337)

Browse Source 
Co-authored-by: Igor Lobanov <igor.lobanov@onetwotrip.com>
This commit is contained in:
Igor Lobanov 2023-12-16 15:06:41 +01:00 committed by GitHub
parent 63494e9d04
commit ffde754a43
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Views/Expo/Expo.tsx
View File

@ -58,7 +58,6 @@ export const Expo = (props: Props) => {
}
const loadMore = async (count: number) => {
saveScrollPosition()
const options: LoadShoutsOptions = {
filters: getLoadShoutsFilters(),
limit: count,
@ -67,6 +66,11 @@ export const Expo = (props: Props) => {
const { hasMore } = await loadShouts(options)
setIsLoadMoreButtonVisible(hasMore)
}
const loadMoreWithoutScrolling = async (count: number) => {
saveScrollPosition()
await loadMore(count)
restoreScrollPosition()
}
@ -137,7 +141,7 @@ export const Expo = (props: Props) => {
})
const handleLoadMoreClick = () => {
loadMore(LOAD_MORE_PAGE_SIZE)
loadMoreWithoutScrolling(LOAD_MORE_PAGE_SIZE)
}
return (
@ -206,8 +210,8 @@ export const Expo = (props: Props) => {
</div>
)}
</For>
<Show when={randomTopArticles().length > 0} keyed={true}>
<ArticleCardSwiper title={t('Favorite')} slides={randomTopArticles()} />
<Show when={randomTopMonthArticles().length > 0} keyed={true}>
<ArticleCardSwiper title={t('Top month articles')} slides={randomTopMonthArticles()} />
</Show>
<For each={sortedArticles().slice(PRERENDERED_ARTICLES_COUNT / 2, PRERENDERED_ARTICLES_COUNT)}>
{(shout) => (
@ -220,8 +224,8 @@ export const Expo = (props: Props) => {
</div>
)}
</For>
<Show when={randomTopMonthArticles().length > 0} keyed={true}>
<ArticleCardSwiper title={t('Top month articles')} slides={randomTopMonthArticles()} />
<Show when={randomTopArticles().length > 0} keyed={true}>
<ArticleCardSwiper title={t('Favorite')} slides={randomTopArticles()} />
</Show>
<For each={pages()}>
{(page) => (