69 lines
1.9 KiB
TypeScript
69 lines
1.9 KiB
TypeScript
import Container from 'components/BlogContainer'
|
|
import BlogHeader from 'components/BlogHeader'
|
|
import Layout from 'components/Layout'
|
|
import MoreStories from 'components/MoreStories'
|
|
import PostBody from 'components/PostBody'
|
|
import PostHeader from 'components/PostHeader'
|
|
import PostPageHead from 'components/PostPageHead'
|
|
import PostTitle from 'components/PostTitle'
|
|
import SectionSeparator from 'components/SectionSeparator'
|
|
import * as demo from 'lib/demo.data'
|
|
import type { Post, Settings } from 'lib/sanity.queries'
|
|
import Head from 'next/head'
|
|
import { notFound } from 'next/navigation'
|
|
|
|
import Footer from './Footer/Footer'
|
|
import Navbar from './Navbar/Navbar'
|
|
|
|
export interface PostPageProps {
|
|
preview?: boolean
|
|
loading?: boolean
|
|
post: Post
|
|
morePosts: Post[]
|
|
settings: Settings
|
|
}
|
|
|
|
const NO_POSTS: Post[] = []
|
|
|
|
export default function PostPage(props: PostPageProps) {
|
|
const { preview, loading, morePosts = NO_POSTS, post, settings } = props
|
|
const { title = demo.title } = settings || {}
|
|
|
|
const slug = post?.slug
|
|
|
|
if (!slug && !preview) {
|
|
notFound()
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<PostPageHead settings={settings} post={post} />
|
|
</Head>
|
|
|
|
<Layout preview={preview} loading={loading}>
|
|
<Container>
|
|
<BlogHeader title={title} level={2} />
|
|
{preview && !post ? (
|
|
<PostTitle>Loading…</PostTitle>
|
|
) : (
|
|
<>
|
|
<article>
|
|
<PostHeader
|
|
title={post.title}
|
|
coverImage={post.coverImage}
|
|
date={post.date}
|
|
author={post.author}
|
|
/>
|
|
<PostBody content={post.content} />
|
|
</article>
|
|
<SectionSeparator />
|
|
{morePosts?.length > 0 && <MoreStories posts={morePosts} />}
|
|
</>
|
|
)}
|
|
</Container>
|
|
</Layout>
|
|
</>
|
|
)
|
|
}
|