Workshop Note Editor
Component Detail
Description
Full-screen note editor scoped to a specific workshop session, supporting free-text multi-line input with a visible save-state indicator accessible to screen readers. Pushed as a named route from the Workshop Detail Screen and renders all workshop notes in reverse-chronological order with author attribution and timestamps. Content scales to 200% zoom without horizontal scrolling per WCAG 2.2 AA.
workshop-note-editor
Sources & reasoning
The blueprint explicitly requires a Workshop Note Editor UI component. It is scoped to workshop_id rather than contact_id, reusing the Notes area text-input infrastructure but as a distinct screen pushed from the workshop detail route. WCAG 2.2 AA scaling and screen-reader save-state requirements demand dedicated UI logic separate from the general Note Editor.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render multi-line text input for composing and editing workshop notes scoped to workshop_id
- Display existing notes for the workshop with author name and creation timestamp
- Show accessible save-state indicator (draft/saved) readable by screen readers
- Scale content to 200% without horizontal scrolling per WCAG 2.2 AA
- Navigate back to Workshop Detail Screen on completion
Interfaces
WorkshopNoteEditorScreen(workshopId: String)
createNote(content: String) → void
loadNotes(workshopId: String) → List<WorkshopNote>
onAutoSaveStateChanged(state: SaveState) → void
Relationships
Dependencies (2)
Components this component depends on