ActivityWizardScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Multi-step wizard screen that guides peer mentors through the structured activity registration flow. Renders each sequential step (contact selection, date, time, duration, activity type, summary) with a progress indicator. Handles step transitions, validation feedback, and draft save prompts between steps.
activity-wizard-screen
Sources & reasoning
The mobile architecture section (line 296-298) explicitly lists the wizard as a named screen in the app. The WCAG dragging-movements rule (line 36) directly constrains its navigation pattern. Fase 1 / MVP in the roadmap section (line 405).
-
docs/source/likeperson.md · line 296-298Activity wizard (multi-step: contact → date → time → duration → summary)
-
docs/source/likeperson.md · line 36Tilbakeknapp fremfor sidelengs-sveip. Vertikal scroll er normen.
Responsibilities
- Render the current wizard step with appropriate input controls
- Display step progress indicator showing position in the overall flow
- Trigger draft save on step navigation and app backgrounding
- Show validation errors inline before allowing forward navigation
- Present confirmation summary before final submission
Interfaces
render(currentStep: WizardStep, draftData: ActivityDraft): void
onNext(stepData: Partial<ActivityDraft>): void
onBack(): void
onSaveDraft(): void
onSubmit(draft: ActivityDraft): Promise<void>