webapp/src/components/Feed/Row3.tsx
2023-03-10 17:42:48 +00:00

24 lines
694 B
TypeScript

import type { JSX } from 'solid-js/jsx-runtime'
import { For } from 'solid-js'
import type { Shout } from '../../graphql/types.gen'
import { ArticleCard } from './Card'
export const Row3 = (props: { articles: Shout[]; header?: JSX.Element; nodate?: 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 }} />
</div>
)}
</For>
</div>
</div>
</div>
)
}