feat: incident detail page with evidence gallery for HSE and supervisor roles

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01AWxyMibCuGGtSQSqfajDQ7
2026-07-11 07:40:06 +08:00
parent 2f2018f27a
commit 713556631b
5 changed files with 296 additions and 0 deletions
@@ -0,0 +1,41 @@
+export const dynamic = 'force-dynamic'
+
+import { notFound } from 'next/navigation'
+import Link from 'next/link'
+import { createClient } from '@/lib/supabase/server'
+import { IncidentDetail } from '@/components/incidents/incident-detail'
+
+interface Props {
+  params: Promise<{ id: string }>
+}
+
+export default async function HseIncidentDetailPage({ params }: Props) {
+  const { id } = await params
+  const supabase = await createClient()
+
+  const { data: incident, error } = await supabase
+    .from('incidents')
+    .select(`
+      id, reference_no, incident_type, description, severity, status,
+      injury_involved, asset_involved, medical_status, lost_days,
+      reported_at, closed_at,
+      sites (id, name),
+      zones (id, name),
+      reporter:users!reported_by (id, name, email),
+      evidence_files (id, stage, file_url, file_type, uploaded_at)
+    `)
+    .eq('id', id)
+    .eq('evidence_files.deleted', false)
+    .single()
+
+  if (error || !incident) notFound()
+
+  return (
+    <main className="max-w-3xl mx-auto px-4 py-6">
+      <Link href="/hse/incidents" className="text-sm text-blue-600 hover:underline mb-4 inline-block">
+        ← Back to inbox
+      </Link>
+      <IncidentDetail incident={incident as any} />
+    </main>
+  )
+}