Task 7: Build ConsultationsView with History/Examination/Plan structure

- Create ConsultationsView with 5 expandable consultation entries
- Each entry has color-coded left border by employer (NHS blue vs Teal)
- Collapsed state shows date, org, role, key coded entry
- Expanded state shows Duration, HISTORY, EXAMINATION, PLAN, CODED ENTRIES
- Accordion behavior: only one entry expanded at a time
- Expand animation 200ms ease-out, respects reduced motion
- Section headers in uppercase with letter-spacing
- Coded entries in [XXX000] format with Geist Mono font
This commit is contained in:
2026-02-11 01:40:56 +00:00
parent 4bf4d1171f
commit 4272ca4dfe
4 changed files with 270 additions and 1 deletions
+3
View File
@@ -3,6 +3,7 @@ import type { ViewId } from '../types/pmr'
import { ClinicalSidebar } from './ClinicalSidebar'
import { PatientBanner } from './PatientBanner'
import { SummaryView } from './views/SummaryView'
import { ConsultationsView } from './views/ConsultationsView'
interface PMRInterfaceProps {
children?: React.ReactNode
@@ -37,6 +38,8 @@ export function PMRInterface({ children }: PMRInterfaceProps) {
switch (activeView) {
case 'summary':
return <SummaryView onNavigate={handleNavigate} />
case 'consultations':
return <ConsultationsView />
default:
return (
<div className="bg-white border border-gray-200 rounded p-6">