import { Head, Link, usePage } from '@inertiajs/react';
import { Calendar, ChevronRight, Tag } from 'lucide-react';
import FrontendLayout from '@/layouts/frontend-layout';
interface BlogCategory {
id: number;
name: string;
slug: string;
}
interface BlogPost {
id: number;
title: string;
slug: string;
thumbnail: string | null;
excerpt: string | null;
body: string | null;
created_at: string;
category: BlogCategory | null;
meta_title?: string;
meta_description?: string;
}
interface Props {
post: BlogPost;
related: BlogPost[];
}
export default function BlogShow({ post, related }: Props) {
const { siteSettings } = (usePage() as any).props;
const siteName = siteSettings?.site_name ?? 'Kapor Bikreta';
const date = new Date(post.created_at).toLocaleDateString('en-BD', { day: 'numeric', month: 'long', year: 'numeric' });
return (
{/* Breadcrumb */}
{/* Category */}
{post.category && (
{post.category.name}
)}
{post.title}
{date}
{/* Thumbnail */}
{post.thumbnail && (
)}
{/* Body */}
{post.body ? (
) : (
No content yet.
)}
{/* Related posts */}
{related.length > 0 && (
Related Articles
{related.map((p) => (
{p.thumbnail ? (
) : (
)}
{p.title}
))}
)}
);
}