Task 9: Build PatientSummary tile
Created PatientSummaryTile component displaying personal statement from profile.ts. Full-width card with teal dot header, 13px body text, line-height 1.6. Wired into DashboardLayout as first tile in grid. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
import React from 'react'
|
||||
import { Card, CardHeader } from '../Card'
|
||||
import { personalStatement } from '@/data/profile'
|
||||
|
||||
export function PatientSummaryTile() {
|
||||
const bodyStyles: React.CSSProperties = {
|
||||
fontSize: '13px',
|
||||
lineHeight: '1.6',
|
||||
color: 'var(--text-primary)',
|
||||
}
|
||||
|
||||
return (
|
||||
<Card full>
|
||||
<CardHeader dotColor="teal" title="PATIENT SUMMARY" />
|
||||
<div style={bodyStyles}>{personalStatement}</div>
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user