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

Don't show floors if no articles

Browse Source
This commit is contained in:
kvakazyambra 2023-08-12 13:36:21 +03:00
parent f14b4a7049
commit c46e65abd2
2 changed files with 42 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/Feed/Row2.tsx
View File

@ -19,29 +19,31 @@ export const Row2 = (props: {
createComputed(() => setY(Math.floor(Math.random() * x.length)))
return (
<div class="floor">
<div class="wide-container">
<div class="row">
<For each={props.articles}>
{(a, i) => {
return (
<Show when={!!a}>
<div class={`col-md-${props.isEqual ? '12' : x[y()][i()]}`}>
<ArticleCard
article={a}
settings={{
isWithCover: props.isEqual || x[y()][i()] === '16',
nodate: props.isEqual || props.nodate,
noAuthorLink: props.noAuthorLink
}}
/>
</div>
</Show>
)
}}
</For>
<Show when={props.articles && props.articles.length > 0}>
<div class="floor">
<div class="wide-container">
<div class="row">
<For each={props.articles}>
{(a, i) => {
return (
<Show when={!!a}>
<div class={`col-md-${props.isEqual ? '12' : x[y()][i()]}`}>
<ArticleCard
article={a}
settings={{
isWithCover: props.isEqual || x[y()][i()] === '16',
nodate: props.isEqual || props.nodate,
noAuthorLink: props.noAuthorLink
}}
/>
</div>
</Show>
)
}}
</For>
</div>
</div>
</div>
</div>
</Show>
)
}

34
src/components/Feed/Row3.tsx
View File

@ -1,5 +1,5 @@
import type { JSX } from 'solid-js/jsx-runtime'
import { For } from 'solid-js'
import { For, Show } from 'solid-js'
import type { Shout } from '../../graphql/types.gen'
import { ArticleCard } from './ArticleCard'
@ -10,22 +10,24 @@ export const Row3 = (props: {
noAuthorLink?: boolean
}) => {
return (
<div class="floor">
<div class="wide-container">
<div class="row">
<div class="floor-header">{props.header}</div>
<For each={props.articles}>
{(a) => (
<div class="col-md-8">
<ArticleCard
article={a}
settings={{ nodate: props.nodate, noAuthorLink: props.noAuthorLink }}
/>
</div>
)}
</For>
<Show when={props.articles && props.articles.length > 0}>
<div class="floor">
<div class="wide-container">
<div class="row">
<div class="floor-header">{props.header}</div>
<For each={props.articles}>
{(a) => (
<div class="col-md-8">
<ArticleCard
article={a}
settings={{ nodate: props.nodate, noAuthorLink: props.noAuthorLink }}
/>
</div>
)}
</For>
</div>
</div>
</div>
</div>
</Show>
)
}