import { ArrowLeft } from 'lucide-react'; import { Head, Link } from '@inertiajs/react'; import PageHeader from '@/Components/layout/PageHeader'; 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 GscConnectionDetail { id: number; site_id: number; site_name: string | null; site_domain: string | null; user_name: string | null; user_email: string | null; gsc_property_url: string; sync_status: string | null; last_synced_at: string | null; last_sync_failed_at: string | null; sync_error: string | null; last_sync_stage: string | null; failed_refresh_attempts: number; token_expires_at: string | null; backfilled_at: string | null; created_at: string; } interface Props { connection: GscConnectionDetail; } const SYNC_STATUS_VARIANTS: Record = { synced: 'success', syncing: 'warning', pending: 'secondary', failed: 'destructive', }; export default function AdminGscConnectionShow({ connection }: Props) { return (
Admin GSC Connections #{connection.id} {connection.sync_status} ) : undefined } />
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)}

 Sync Status

Last Synced

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

Last Sync Stage

{connection.last_sync_stage ?? '—'}

Backfilled At

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

Failed Refresh Attempts

0 ? 'text-destructive font-medium' : ''}> {connection.failed_refresh_attempts}

Token Expires At

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

 {(connection.sync_error || connection.last_sync_failed_at) && ( Sync Error {connection.last_sync_failed_at && (

Failed At

{formatDateTime(connection.last_sync_failed_at)}

)} {connection.sync_error && (

Error

                      {connection.sync_error}
)} )}
); }