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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user