import AdminLayout from '@/Layouts/AdminLayout'; import { Head, Link, router } from '@inertiajs/react'; import { FileText, ExternalLink, Edit, Trash2, CheckCircle2, Circle, User, Folder } from 'lucide-react'; interface Post { id: number; title: string; slug: string; is_published: boolean; published_at: string | null; category?: { name: string }; author?: { name: string }; media?: { url: string }; } export default function Index({ posts }: { posts: Post[] }) { const deletePost = (id: number) => { if (confirm('Delete this article?')) { router.delete(route('admin.posts.destroy', id)); } }; return ( {/* Header */}

Blog Insights

Share your thoughts and growth strategies.

New Article
{/* Mobile View: Cards */}
{posts.length > 0 ? posts.map((p) => (
{p.media?.url ? ( ) : (
)}

{p.title}

{p.is_published ? ( ) : ( )}

{p.published_at ? new Date(p.published_at).toLocaleDateString() : 'Draft'} • {p.category?.name || 'Uncategorized'}

Edit
)) : (
No articles found.
)}
{/* Desktop View: Table */}
{posts.length > 0 ? posts.map((p) => ( router.get(route('admin.posts.edit', p.id))} className="border-b border-[#F0EDE8] last:border-0 hover:bg-[#FAFAF8] transition-colors group cursor-pointer" > )) : ( )}
Article Status Category Author
{p.media?.url ? ( ) : (
)}

{p.title}

{p.published_at ? new Date(p.published_at).toLocaleDateString() : 'Draft'}

{p.is_published ? ( ) : ( )} {p.is_published ? 'Published' : 'Draft'}
{p.category?.name || 'Uncategorized'}
{p.author?.name || 'System'}
e.stopPropagation()}>
No articles yet. Start sharing your insights.
); }