46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import type { JSX } from 'solid-js/jsx-runtime'
|
|
import type { Shout } from '~/graphql/schema/core.gen'
|
|
|
|
import { For, Show } from 'solid-js'
|
|
|
|
import { ArticleCard } from './ArticleCard'
|
|
|
|
import stylesFeed from '~/styles/views/Feed.module.scss'
|
|
|
|
export const Row3 = (props: {
|
|
articles: Shout[]
|
|
header?: JSX.Element
|
|
nodate?: boolean
|
|
noAuthorLink?: boolean
|
|
noauthor?: boolean
|
|
}) => {
|
|
return (
|
|
<Show when={props.articles && props.articles.length > 0}>
|
|
<div class={stylesFeed.floor}>
|
|
<div class="wide-container">
|
|
<div class="row">
|
|
<Show when={props.header}>
|
|
<div class={stylesFeed['floor-header']}>{props.header}</div>
|
|
</Show>
|
|
<For each={props.articles}>
|
|
{(a) => (
|
|
<div class="col-md-8">
|
|
<ArticleCard
|
|
article={a}
|
|
settings={{
|
|
nodate: props.nodate,
|
|
noAuthorLink: props.noAuthorLink,
|
|
noauthor: props.noauthor
|
|
}}
|
|
desktopCoverSize="S"
|
|
/>
|
|
</div>
|
|
)}
|
|
</For>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Show>
|
|
)
|
|
}
|