View Full Event Details and Participant List
The Event Detail Screen displays event title, date, time, duration, location, and summary in a structured layout, followed by a scrollable list of all registered participants rendered as contact cards. The screen subscribes to a Supabase real-time channel on the event_participants table so that participant additions made by other users (e.g., a coordinator adding someone after a peer mentor created the event) appear instantly without requiring a manual refresh. GoRouter supports deep-linking to this screen from the notification system.
User Story
Acceptance Criteria
- Given an event exists, when the user navigates to the event (from history, notification, or post-creation redirect), then the Event Detail Screen displays all six event fields with correct values
- Given the Event Detail Screen is open, when another authorized user adds a participant to the same event, then the new participant appears in the list within 2 seconds without a manual refresh
- Given the Event Detail Screen is open, when the user deep-links from a push notification referencing an event ID, then the screen loads the correct event via GoRouter
- Given the event has zero participants, when the detail screen is opened, then an empty state message is displayed with an action to add participants
- Given the participant list contains more than 10 entries, when the screen loads, then the list scrolls smoothly and all participants are accessible
Business Value
Providing a clear, real-time view of event details gives both peer mentors and coordinators confidence that the registration is correct. Real-time participant updates are especially important for coordinators who may add late participants from their desktop while a peer mentor views the event on mobile, ensuring both see a consistent state for accurate Bufdir reporting.
Components
- Event Detail Screen ui
- Event Participants Widget ui
- Event Service service
- Event Repository data
- Real-time Subscription Service service