import AltivateLayout from '@/Layouts/AltivateLayout'; import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, ArrowUpRight, Calendar, User, Facebook, Twitter, Linkedin, Link as LinkIcon } from 'lucide-react'; interface Post { id: number; title: string; slug: string; excerpt: string | null; content: string | null; published_at: string; category?: { name: string, slug: string }; author?: { name: string }; media?: { url: string }; } export default function Show({ post, relatedPosts }: { post: Post, relatedPosts: Post[] }) { return (
{/* Article Header */}
Back to Insights
{post.category?.name || 'Insight'}
{new Date(post.published_at).toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' })}

{post.title}

{post.author?.name?.charAt(0) || 'A'}

Written by

{post.author?.name || 'Altivate System'}

{/* Article Content */}
{post.media?.url && (
{post.title}
)}
{/* Share Buttons */}
Share Insight
{[Twitter, Facebook, Linkedin, LinkIcon].map((Icon, i) => ( ))}
{/* Sidebar / Related */}
); }