23 lines
No EOL
902 B
TypeScript
23 lines
No EOL
902 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; |