feat(web): render cms pages and navigation from db
This commit is contained in:
26
apps/web/src/components/public-page-view.tsx
Normal file
26
apps/web/src/components/public-page-view.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
type PageEntity = {
|
||||
title: string
|
||||
status: string
|
||||
summary: string | null
|
||||
content: string
|
||||
}
|
||||
|
||||
type PublicPageViewProps = {
|
||||
page: PageEntity
|
||||
}
|
||||
|
||||
export function PublicPageView({ page }: PublicPageViewProps) {
|
||||
return (
|
||||
<article className="mx-auto flex w-full max-w-4xl flex-col gap-6 px-6 py-16">
|
||||
<header className="space-y-3">
|
||||
<p className="text-sm uppercase tracking-[0.2em] text-neutral-500">{page.status}</p>
|
||||
<h1 className="text-4xl font-semibold tracking-tight">{page.title}</h1>
|
||||
{page.summary ? <p className="text-neutral-600">{page.summary}</p> : null}
|
||||
</header>
|
||||
|
||||
<section className="prose prose-neutral max-w-none whitespace-pre-wrap rounded-xl border border-neutral-200 bg-white p-6 text-neutral-800">
|
||||
{page.content}
|
||||
</section>
|
||||
</article>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user