diff --git a/app/[lang]/blog/[slug]/page.tsx b/app/[lang]/blog/[slug]/page.tsx index beb83fe..6acf4d7 100644 --- a/app/[lang]/blog/[slug]/page.tsx +++ b/app/[lang]/blog/[slug]/page.tsx @@ -3,8 +3,9 @@ import { BlogContent } from "@/components/blog/blog-content" import { AppContent } from "@/components/ui/app-content" import { Button } from "@/components/ui/button" import { Label } from "@/components/ui/label" -import { Markdown } from "@/components/ui/markdown" +import { createMarkdownElement, Markdown } from "@/components/ui/markdown" import { getArticles, getArticleById } from "@/lib/blog" +import { cn } from "@/lib/utils" import { Metadata } from "next" import Link from "next/link" @@ -47,13 +48,34 @@ export default function BlogArticle({ params }: any) { const slug = params.slug const post = getArticleById(slug) + const imageUrl = + (post?.image ?? "")?.length > 0 + ? `/articles/${post?.id}/${post?.image}` + : undefined + + const imageAsCover = post?.coverImage ?? false + if (!post) return null return (