EventCreationWizardScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Multi-step wizard screen that guides peer mentors and coordinators through scheduling a new event. Collects title, date, time, duration, location, and summary description across sequential steps. Built to WCAG 2.2 AA standards with keyboard navigation and screen-reader labels on every interactive element.
event-creation-wizard-screen
Sources & reasoning
Line 297 defines the exact wizard structure for event creation and line 289 places it as a primary entry point in bottom-nav. The blueprint marks this MVP. The mobile architecture section treats event wizards as a core screen alongside activity wizards, confirming launch-critical status.
-
docs/source/likeperson.md · line 297Event wizard (multi-step: title → date → time → duration → location → summary)
-
docs/source/likeperson.md · line 289Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications
Responsibilities
- Render each wizard step with accessible form controls and progress indication
- Validate user input per step before advancing to the next step
- Dispatch the completed event payload to EventService on final submission
- Display inline validation errors and submission feedback to the user
Interfaces
renderStep(stepIndex: number): void
validateStep(stepIndex: number): boolean
submitEvent(payload: EventPayload): Promise<void>
onStepChange(next: number): void