EventDetailScreen
Component Detail
Description
Displays full event information including title, date, time, duration, location, and description to peer mentors. Renders the sign-up and cancellation actions with optimistic UI state updates. Shows confirmation state after successful registration and handles connectivity-aware feedback.
event-detail-screen
Sources & reasoning
The source doc highlights follow-up and participation tracking as a pain point (line 116, HLF survey finding). Event sign-up is the mobile mechanism that enables structured participation records without manual coordinator effort. The blueprint assigns [v1.0], consistent with the Phase 2 roadmap scope (Fase 2: Bufdir-rapportering, oppfølging); it extends the MVP event creation and listing foundation rather than replacing it.
-
docs/source/likeperson.md · line 116Oppfølging av likepersoner: 40 % var ikke fornøyd med oppfølgingen i spørreundersøkelse. Scenariobaserte push-meldinger og kalendersynkronisering.
Responsibilities
- Render complete event metadata fetched from the event repository
- Display sign-up and cancel registration buttons with correct enabled/disabled states
- Apply optimistic UI mutation immediately on user action before backend confirmation
- Show push notification confirmation banner after successful registration
- Prevent duplicate sign-up interactions when registration is already active
Interfaces
render(eventId: string): JSX.Element
handleSignUp(eventId: string): void
handleCancelRegistration(eventId: string): void
getRegistrationStatus(eventId: string): RegistrationStatus
Related Data Entities (2)
Data entities managed by this component