Task 12: Build LastConsultation tile

Created LastConsultationTile.tsx displaying the most recent role:
- Full-width card with green dot header
- Info row: Date, Organisation, Type (employment), Band
- Role title in accent color
- Bullet list of key achievements from examination array
- Data sourced from consultations[0] (most recent)
- Styling matches ref-06 spec: 8px card radius, border-light,
  info labels 10px uppercase, values 11.5px 600 weight
- Integrated into DashboardLayout in proper sequence

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-13 17:27:28 +00:00
parent dec8ec9769
commit d0df9137f9
2 changed files with 197 additions and 0 deletions
+4
View File
@@ -5,6 +5,7 @@ import Sidebar from './Sidebar'
import { PatientSummaryTile } from './tiles/PatientSummaryTile'
import { LatestResultsTile } from './tiles/LatestResultsTile'
import { CoreSkillsTile } from './tiles/CoreSkillsTile'
import { LastConsultationTile } from './tiles/LastConsultationTile'
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches
@@ -103,7 +104,10 @@ export function DashboardLayout() {
<LatestResultsTile />
{/* CoreSkillsTile — half width (right) */}
<CoreSkillsTile />
{/* LastConsultationTile — full width */}
<LastConsultationTile />
{/* CareerActivityTile — full width */}
{/* EducationTile — full width */}
{/* ProjectsTile — full width */}