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

homepage slider conditional render (#283)

Browse Source
This commit is contained in:
Ilya Y 2023-10-26 06:17:23 +03:00 committed by GitHub
parent b0706b1560
commit 15691a973d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/Views/Home.tsx
View File

@ -129,21 +129,23 @@ export const HomeView = (props: Props) => {
nodate={true} nodate={true}
/> />
<Slider title={t('Top month articles')}> <Show when={topMonthArticles()}>
<For each={topMonthArticles()}> <Slider title={t('Top month articles')}>
{(a: Shout) => ( <For each={topMonthArticles()}>
<ArticleCard {(a: Shout) => (
article={a} <ArticleCard
settings={{ article={a}
additionalClass: 'swiper-slide', settings={{
isFloorImportant: true, additionalClass: 'swiper-slide',
isWithCover: true, isFloorImportant: true,
nodate: true isWithCover: true,
}} nodate: true
/> }}
)} />
</For> )}
</Slider> </For>
</Slider>
</Show>
<Row2 articles={sortedArticles().slice(10, 12)} nodate={true} /> <Row2 articles={sortedArticles().slice(10, 12)} nodate={true} />
@ -159,21 +161,23 @@ export const HomeView = (props: Props) => {
{randomLayout()} {randomLayout()}
<Slider title={t('Favorite')}> <Show when={topArticles()}>
<For each={topArticles()}> <Slider title={t('Favorite')}>
{(a: Shout) => ( <For each={topArticles()}>
<ArticleCard {(a: Shout) => (
article={a} <ArticleCard
settings={{ article={a}
additionalClass: 'swiper-slide', settings={{
isFloorImportant: true, additionalClass: 'swiper-slide',
isWithCover: true, isFloorImportant: true,
nodate: true isWithCover: true,
}} nodate: true
/> }}
)} />
</For> )}
</Slider> </For>
</Slider>
</Show>
<Beside <Beside
beside={sortedArticles()[20]} beside={sortedArticles()[20]}