import { FileText, Search } from 'lucide-react'; import { useRef } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { AdminStatsGrid, type StatCard } from '@/Components/admin/AdminStatsGrid'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { ExportButton } from '@/Components/ui/export-button'; import { Input } from '@/Components/ui/input'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { useAdminFilters } from '@/hooks/useAdminFilters'; import { useAdminKeyboardShortcuts } from '@/hooks/useAdminKeyboardShortcuts'; import { useNavigationState } from '@/hooks/useNavigationState'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatRelativeTime, formatNumber } from '@/lib/format'; interface WpPostRow { id: number; site_id: number; site_name: string | null; title: string; url: string; word_count: number | null; post_type: string; post_status: string; wp_modified_at: string | null; created_at: string; } interface PaginatedPosts { data: WpPostRow[]; current_page: number; last_page: number; from: number | null; to: number | null; total: number; } interface Props { posts: PaginatedPosts; filters: { search?: string; sort?: string; dir?: string; }; stats: { total_posts: number; avg_word_count: number; }; } export default function Index({ posts, filters, stats }: Props) { const searchInputRef = useRef(null); const { search, setSearch, handleSort, handlePage } = useAdminFilters({ route: 'admin.wp-posts.index', filters, }); const isNavigating = useNavigationState(); useAdminKeyboardShortcuts({ onSearch: () => searchInputRef.current?.focus(), onNextPage: posts.current_page < posts.last_page ? () => handlePage(posts.current_page + 1) : undefined, onPrevPage: posts.current_page > 1 ? () => handlePage(posts.current_page - 1) : undefined, }); const statCards: StatCard[] = [ { title: 'Total Posts', value: stats.total_posts, icon: FileText }, { title: 'Avg Word Count', value: stats.avg_word_count, format: formatNumber, }, ]; return (

Admin WordPress Posts } />

setSearch(e.target.value)} className="pl-9" />

Title Site Type {posts.data.map((post) => ( {post.title}

{post.url}

{post.site_name ?? '—'} {post.word_count != null ? formatNumber(post.word_count) : '—'} {post.post_type} {formatRelativeTime(post.wp_modified_at)} ))}

); }