polynux
/
pchl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

parse and render content from pocketbase

This commit is contained in:
Guillaume Dorce 2023-05-24 22:56:08 +02:00
parent 23d6930bd6
commit 83558dbe50
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/test/[slug].tsx
View File

@ -15,11 +15,11 @@ function parseBoldText(text: string) {
return result;
}
function Paragraph({text}: {text: string}) {
function Paragraph({ text }: { text: string }) {
return <p className='text-xl'>{parseBoldText(text)}</p>
}
function Heading({text, level}: {text: string, level: number}) {
function Heading({ text, level }: { text: string, level: number }) {
switch (level) {
case 1:
return (
@ -62,7 +62,7 @@ type Content = {
time: number,
}
export default function Page({data}: {slug: string, data: PagesRecord<Content>}) {
export default function Page({ data }: { slug: string, data: PagesRecord<Content> }) {
return (
<Layout title={data.title}>
<div className="container mx-auto p-8">
@ -85,8 +85,8 @@ export default function Page({data}: {slug: string, data: PagesRecord<Content>})
)
}
export async function getServerSideProps({params}: {params: {slug: string}}) {
const {data, error} = await getPageBySlug(params.slug);
export async function getServerSideProps({ params }: { params: { slug: string } }) {
const { data, error } = await getPageBySlug(params.slug);
if (error || !data) {
return {
notFound: true,