23 lines
No EOL
890 B
TypeScript
23 lines
No EOL
890 B
TypeScript
import Link from "next/link"
|
|
import {ArrowLeftIcon} from "@heroicons/react/24/solid"
|
|
import {getArticleData} from "@/lib/articles";
|
|
|
|
const Article = async ({params}: { params: Promise<{ slug: string }> }) => {
|
|
const {slug} = await params;
|
|
const articleData = await getArticleData(slug);
|
|
|
|
return (
|
|
<section className={"mx-auto w-10/12 md:w-1/2 mt-20 flex flex-col gap-5"}>
|
|
<div className={"flex justify-between font-poppins"}>
|
|
<Link href={"/blog"} className={"flex flex-row gap-1 place-items-center"}>
|
|
<ArrowLeftIcon width={20}/>
|
|
<p>blog homepage</p>
|
|
</Link>
|
|
<p>{articleData.date.toString()}</p>
|
|
</div>
|
|
<article className={"article"} dangerouslySetInnerHTML={{__html: articleData.contentHtml}}/>
|
|
</section>
|
|
)
|
|
}
|
|
|
|
export default Article; |