Task 10: Build InvestigationsView with results panel

- Created InvestigationsView component with expandable rows
- Status badges: Complete (green), Ongoing (amber), Live (pulsing green)
- Tree-indented results panel with methodology, results, tech stack
- View Results button for PharMetrics linking to medicines.charlwood.xyz
- Proper semantic table markup with scope attributes
- Traffic lights always accompanied by text labels
- Accordion behavior: only one row expanded at a time
- Height animation 200ms ease-out for expand/collapse
- Respects prefers-reduced-motion
- Updated PMRInterface to include InvestigationsView
This commit is contained in:
2026-02-11 02:04:27 +00:00
parent 3bce29efe4
commit 53b633bfd7
2 changed files with 242 additions and 0 deletions
+3
View File
@@ -6,6 +6,7 @@ import { SummaryView } from './views/SummaryView'
import { ConsultationsView } from './views/ConsultationsView'
import { MedicationsView } from './views/MedicationsView'
import { ProblemsView } from './views/ProblemsView'
import { InvestigationsView } from './views/InvestigationsView'
interface PMRInterfaceProps {
children?: React.ReactNode
@@ -46,6 +47,8 @@ export function PMRInterface({ children }: PMRInterfaceProps) {
return <MedicationsView />
case 'problems':
return <ProblemsView onNavigate={handleNavigate} />
case 'investigations':
return <InvestigationsView />
default:
return (
<div className="bg-white border border-gray-200 rounded p-6">