import { Head, Link } from '@inertiajs/react'; import PageHeader from '@/Components/layout/PageHeader'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDate, formatRelativeTime, formatNumber } from '@/lib/format'; interface WpPostDetail { id: number; title: string; url: string; word_count: number | null; post_type: string; post_status: string; content: string | null; wp_post_id: number | null; wp_modified_at: string | null; created_at: string; } interface SiteInfo { id: number; name: string; domain: string; user: { id: number; name: string; email: string } | null; } interface Props { post: WpPostDetail; site: SiteInfo; } export default function WpPostsShow({ post, site }: Props) { return (

Admin WP Posts {post.title}

{/* Post Metadata */} Post Details

WP Post ID {post.wp_post_id ?? '—'}

Post Type {post.post_type}

Status {post.post_status}

Word Count {post.word_count != null ? formatNumber(post.word_count) : '—'}

Last Modified {formatRelativeTime(post.wp_modified_at)}

Synced {formatDate(post.created_at)}

{/* Site Info */} Site

Name {site.name}

Domain {site.domain}

{site.user && ( <>

Owner {site.user.name}

Email {site.user.email}

)}

{/* Content Preview */} {post.content && ( Content Preview{' '} (first 5000 characters)

                {post.content}

)}

); }