CreateEventScreen
Component Detail
Description
A multi-step wizard screen that guides peer mentors and coordinators through creating a new event within the Meander Mobile App. Each wizard step collects a discrete piece of information (title, date, time, duration, location, summary) and validates it before advancing. All interactive elements meet WCAG 2.2 AA requirements with minimum touch targets, semantic labels, and visible focus indicators.
create-event-screen
Sources & reasoning
The source doc explicitly names an Event wizard in the core mobile navigation (lines 289-296) as part of the Add modal launcher, placing it alongside activity registration in the baseline app shell. The blueprint assigns [MVP] to Event Creation. The navigation description treats events as a first-class creation surface from launch, confirming MVP target.
-
docs/source/likeperson.md · line 289-296Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications … Event wizard (multi-step: title → date → time → duration → location → summary)
Responsibilities
- Render sequential wizard steps for event title, date, time, duration, location, and summary
- Validate each step's input inline before allowing progression and surface clear error messages
- Apply sensible defaults (e.g. current date, default duration) to reduce cognitive load
- Dispatch create-event actions to EventService on final submission
- Display loading and error states returned from EventService
Interfaces
render(): ReactNode
handleStepAdvance(stepData: StepPayload): void
handleSubmit(eventDraft: EventDraft): Promise<void>
handleValidationError(field: string, message: string): void