mirror of https://github.com/kremalicious/blog.git
39 lines
957 B
TypeScript
39 lines
957 B
TypeScript
import React, { ReactElement } from 'react'
|
|
import Changelog from '../../atoms/Changelog'
|
|
import PostToc from './Toc'
|
|
import * as styles from './Content.module.css'
|
|
|
|
export default function PostContent({
|
|
post
|
|
}: {
|
|
post: Queries.BlogPostBySlugQuery['post']
|
|
}): ReactElement {
|
|
const separator = '<!-- more -->'
|
|
const changelog = post.frontmatter.changelog
|
|
|
|
let content = post.html
|
|
|
|
if (post.fields.type === 'article') {
|
|
// Remove lead paragraph from content
|
|
if (content.includes(separator)) {
|
|
content = content.split(separator)[1]
|
|
} else {
|
|
const lead = content.split('\n')[0]
|
|
content = content.replace(lead, '')
|
|
}
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{post.frontmatter.toc && (
|
|
<PostToc tableOfContents={post.tableOfContents} />
|
|
)}
|
|
<div
|
|
dangerouslySetInnerHTML={{ __html: content }}
|
|
className={styles.content}
|
|
/>
|
|
{changelog && <Changelog repo={changelog} />}
|
|
</>
|
|
)
|
|
}
|