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