import { Plug } from 'lucide-react'; import { useRef } from 'react'; import { Head, Link } from '@inertiajs/react'; import { AdminDataTable } from '@/Components/admin/AdminDataTable'; import { SortHeader } from '@/Components/admin/SortHeader'; import PageHeader from '@/Components/layout/PageHeader'; import { Badge } from '@/Components/ui/badge'; 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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; 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 } from '@/lib/format'; import type { PaginatedResponse } from '@/types'; interface WpConnectionRow { id: number; site_id: number; site_name: string | null; site_domain: string | null; user_name: string | null; user_email: string | null; wp_url: string; status: string | null; plugin_version: string | null; webhook_enabled: boolean; webhook_failure_count: number; last_contacted_at: string | null; created_at: string; } interface Props { connections: PaginatedResponse; filters: { search?: string; status?: string; sort?: string; dir?: string; }; } const STATUS_VARIANTS: Record = { connected: 'success', pending: 'secondary', error: 'destructive', }; export default function AdminWpConnectionsIndex({ connections, filters }: Props) { const searchInputRef = useRef(null); const { search, setSearch, updateFilter, handleSort, handlePage } = useAdminFilters({ route: '/admin/wp-connections', filters, }); const isNavigating = useNavigationState(); const exportParams: Record = {}; if (filters.search) exportParams.search = filters.search; if (filters.status) exportParams.status = filters.status; useAdminKeyboardShortcuts({ onSearch: () => searchInputRef.current?.focus(), onNextPage: connections.current_page < connections.last_page ? () => handlePage(connections.current_page + 1) : undefined, onPrevPage: connections.current_page > 1 ? () => handlePage(connections.current_page - 1) : undefined, }); return (

Admin WP Connections

} />

WP Connection Filters setSearch(e.target.value)} className="max-w-sm" aria-label="Search WP connections" />

Site User WP URL Status Plugin Webhook {connections.data.map((conn) => ( {conn.site_name ?? '—'} {conn.site_domain && (

{conn.site_domain}

)} {conn.user_email ?? '—'} {conn.wp_url} {conn.status ? ( {conn.status} ) : ( — )} {conn.plugin_version ?? '—'} {conn.webhook_enabled ? ( Enabled ) : ( Disabled )} {conn.webhook_failure_count > 0 && ( {conn.webhook_failure_count} failures )} {formatRelativeTime(conn.last_contacted_at)} {formatRelativeTime(conn.created_at)} View → ))}

); }