Update progress: Task 14 completed (EducationTile)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -129,10 +129,10 @@ Replace the "CareerRecord PMR" sidebar-nav + view-switching interface with a til
|
||||
|
||||
#### Task 14: Build Education tile
|
||||
> Detail: `Ralph/refs/ref-06-bottom-tiles.md` (Education section)
|
||||
- [ ] Create `src/components/tiles/EducationTile.tsx`
|
||||
- [ ] Full-width card, below Career Activity
|
||||
- [ ] Education entries from documents data
|
||||
- [ ] Run quality checks
|
||||
- [x] Create `src/components/tiles/EducationTile.tsx`
|
||||
- [x] Full-width card, below Career Activity
|
||||
- [x] Education entries from documents data
|
||||
- [x] Run quality checks
|
||||
|
||||
#### Task 15: Build Projects tile
|
||||
> Detail: `Ralph/refs/ref-06-bottom-tiles.md` (Projects section)
|
||||
|
||||
@@ -355,3 +355,27 @@
|
||||
**Quality checks:** typecheck ✓, lint ✓ (1 pre-existing warning), build ✓
|
||||
**Visual review:** Skipped — no browser tools available. Will verify visually after multiple tiles are in place.
|
||||
|
||||
### Iteration 12 — Task 14: Build Education tile
|
||||
**Status:** Complete
|
||||
**Changes:**
|
||||
- Created `src/components/tiles/EducationTile.tsx` — full-width card displaying academic qualifications
|
||||
- CardHeader: purple dot (#7C3AED) + "EDUCATION"
|
||||
- 3 education entries in vertical stack (gap 10px):
|
||||
1. MPharm (Hons) — 2:1 (University of East Anglia · 2015)
|
||||
2. NHS Leadership Academy — Mary Seacole Programme (2018 · 78%)
|
||||
3. A-Levels: Mathematics (A*), Chemistry (B), Politics (C) (Highworth Grammar School · 2009–2011)
|
||||
- Entry styling: 7px/10px padding, white surface background (`var(--surface)`), border-light, 6px radius
|
||||
- Structure: degree name (600 weight, display block) + detail (secondary text, 11px, 2px margin-top)
|
||||
- 11.5px base font size for entries
|
||||
- Updated `src/components/DashboardLayout.tsx` — imported and rendered EducationTile below CareerActivity
|
||||
**Learnings:**
|
||||
- Education data presented in simple display-only format — no expansion interaction needed (unlike Career Activity or Projects)
|
||||
- Ref spec mentioned filtering documents.ts OR hardcoding from CV — chose hardcoding for cleaner presentation matching the CV structure exactly
|
||||
- Purple dot color (#7C3AED) for education matches the color-coding system used in CareerActivity (edu type uses purple dot)
|
||||
- The ref spec specifically says `background: var(--surface)` (white) for education entries, NOT dashboard background (#F0F5F4)
|
||||
- This differs from CoreSkills, LastConsultation, and CareerActivity tiles which use tinted dashboard background for their items
|
||||
- White-on-white creates a cleaner, simpler look for education entries — appropriate for the straightforward display-only format
|
||||
- Education is the 6th tile in the grid, positioned below Career Activity and above Projects (Task 15)
|
||||
**Quality checks:** typecheck ✓, lint ✓ (1 pre-existing warning), build ✓
|
||||
**Visual review:** Skipped — no browser tools available. Will verify visually after all tiles are in place.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user