1
0
Fork 0
blog/src/components/layouts/Post/Meta.astro

45 lines
1.0 KiB
Plaintext

---
import type { CollectionEntry } from 'astro:content'
import slugify from '@lib/slugify'
import config from '@config/blog.config'
import Tag from '@components/Tag.astro'
import styles from './Meta.module.css'
import Date from './Date.astro'
type Props = {
post: CollectionEntry<'articles' | 'links' | 'photos'>
}
const { collection, data } = Astro.props.post
const { date, updated, author, tags } = data
---
<footer class={styles.entryMeta}>
<div class={styles.byline}>
<span class={styles.by}>by</span>
<a class="fn" rel="author" href={config.author.url}>
{author || config.author.name}
</a>
</div>
<Date date={date} updated={updated} />
{
collection === 'photos' && (
<div class={styles.type}>
<a href={`/${slugify(collection)}/`}>{collection}</a>
</div>
)
}
{
tags && (
<div class={styles.tags}>
{tags.map((tag: string) => (
<Tag name={slugify(tag)} url={`/tags/${slugify(tag)}/`} />
))}
</div>
)
}
</footer>