import { useState } from 'react'; import { Head, Link, router } 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 { ConfirmDialog } from '@/Components/ui/confirm-dialog'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import AdminLayout from '@/Layouts/AdminLayout'; import { formatDate } from '@/lib/format'; interface Timeline { detected_at: string; notification_deadline: string; notified_at: string | null; gdpr_hours: number; hours_remaining: number; is_overdue: boolean; } interface Incident { id: number; description: string; severity: string; affected_count: number; status: string; is_notified: boolean; is_overdue: boolean; detected_at: string; notification_deadline: string; notified_at: string | null; audit_reference: string | null; } interface ShowProps { incident: Incident; timeline: Timeline; } export default function BreachIncidentShow({ incident, timeline }: ShowProps) { const [pendingStatus, setPendingStatus] = useState(null); const applyStatus = (status: string) => { router.patch(route('admin.breach-incidents.update', incident.id), { status }); }; const handleStatusChange = (status: string) => { if (status === 'notified' && !incident.is_notified) { setPendingStatus(status); } else { applyStatus(status); } }; return (
Admin GDPR Breach Incidents Breach #{incident.id}

Breach Incident #{incident.id}

{incident.description}

{incident.severity}

GDPR Timeline

Detected at

{formatDate(timeline.detected_at)}

72-hour Deadline

{formatDate(timeline.notification_deadline)} {timeline.is_overdue && ' (OVERDUE)'}

Hours Remaining

{timeline.is_overdue ? 'Overdue' : `${Math.round(timeline.hours_remaining)}h`}

Notified at

{timeline.notified_at ? formatDate(timeline.notified_at) : 'Not yet notified'}

Affected users: {incident.affected_count}

Status Management

Setting to "Notified" will trigger user notifications if not already sent.

{ if (!open) setPendingStatus(null); }} title="Send breach notifications?" description={`This will trigger notification emails to all ${incident.affected_count} affected users. This action cannot be undone.`} confirmLabel="Send Notifications" variant="destructive" onConfirm={() => { if (pendingStatus) applyStatus(pendingStatus); setPendingStatus(null); }} /> ); }