feat: blog articles basic

This commit is contained in:
Kalidou Diagne
2025-04-09 20:13:46 +03:00
parent 2499fa3a66
commit d4a56298df
22 changed files with 63 additions and 15 deletions

View File

@@ -1,3 +1,4 @@
import { blogArticleCardTagCardVariants } from "@/components/blog/blog-article-card"
import { BlogContent } from "@/components/blog/blog-content"
import { AppContent } from "@/components/ui/app-content"
import { Label } from "@/components/ui/label"
@@ -33,7 +34,24 @@ export default function BlogArticle({ params }: any) {
<div className="w-full bg-cover-gradient border-b border-tuatara-300">
<AppContent className="flex flex-col gap-4 py-10 max-w-[978px]">
<Label.PageTitle label={post?.title} />
{post?.tldr && <Markdown>{post?.tldr}</Markdown>}
{post?.date || post?.tldr ? (
<div className="flex flex-col gap-2">
{post?.date && (
<div
className={blogArticleCardTagCardVariants({
variant: "secondary",
})}
>
{new Date(post?.date).toLocaleDateString("en-US", {
month: "long",
day: "numeric",
year: "numeric",
})}
</div>
)}
{post?.tldr && <Markdown>{post?.tldr}</Markdown>}
</div>
) : null}
</AppContent>
</div>
</div>