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

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

@ -129,6 +129,7 @@ export const HomeView = (props: Props) => {
nodate={true} nodate={true}
/> />
<Show when={topMonthArticles()}>
<Slider title={t('Top month articles')}> <Slider title={t('Top month articles')}>
<For each={topMonthArticles()}> <For each={topMonthArticles()}>
{(a: Shout) => ( {(a: Shout) => (
@ -144,6 +145,7 @@ export const HomeView = (props: Props) => {
)} )}
</For> </For>
</Slider> </Slider>
</Show>
<Row2 articles={sortedArticles().slice(10, 12)} nodate={true} /> <Row2 articles={sortedArticles().slice(10, 12)} nodate={true} />
@ -159,6 +161,7 @@ export const HomeView = (props: Props) => {
{randomLayout()} {randomLayout()}
<Show when={topArticles()}>
<Slider title={t('Favorite')}> <Slider title={t('Favorite')}>
<For each={topArticles()}> <For each={topArticles()}>
{(a: Shout) => ( {(a: Shout) => (
@ -174,6 +177,7 @@ export const HomeView = (props: Props) => {
)} )}
</For> </For>
</Slider> </Slider>
</Show>
<Beside <Beside
beside={sortedArticles()[20]} beside={sortedArticles()[20]}