import { ArrowLeft, Plug } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '@/Components/ui/breadcrumb'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/Components/ui/card'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDateTime } from '@/lib/format'; interface WpConnectionDetail { 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 { connection: WpConnectionDetail; } const STATUS_VARIANTS: Record = { connected: 'success', pending: 'secondary', error: 'destructive', }; export default function AdminWpConnectionShow({ connection }: Props) { return (
Admin WP Connections #{connection.id}

WP Connection #{connection.id}

{connection.wp_url}

{connection.status && ( {connection.status} )}
Site & User

Site

{connection.site_id ? ( {connection.site_name ?? '—'} ) : (

{connection.site_name ?? '—'}

)} {connection.site_domain && (

{connection.site_domain}

)}

User

{connection.user_name ?? '—'}

{connection.user_email && (

{connection.user_email}

)}

Connected

{formatDateTime(connection.created_at)}

Last Contacted

{formatDateTime(connection.last_contacted_at) || '—'}

 Plugin & Webhook

Plugin Version

{connection.plugin_version ?? '—'}

Webhook

{connection.webhook_enabled ? ( Enabled ) : ( Disabled )}
{connection.webhook_failure_count > 0 && (

Webhook Failures

{connection.webhook_failure_count}

)}
); }