EventListScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
The primary screen for browsing upcoming and past events within the user's organization. Renders a scrollable, searchable list showing event title, date, time, location, and participation status at a glance. Respects module-toggle visibility rules and displays cached data when offline.
event-list-screen
Sources & reasoning
The mobile architecture section lists event wizard as a core screen and places events in the primary Add-tab navigation, implying a listing surface is equally core. The blueprint marks Event Listing MVP. Without a listing screen the event creation feature has no discovery path, making it a prerequisite for any event participation flow.
-
docs/source/likeperson.md · line 289Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications
-
docs/source/likeperson.md · line 295-299Screens - Role-specific home content (peer mentor vs coordinator variants) - Contacts list with role-specific views - Contact detail, edit, and peer mentor profile screens - Activity wizard (multi-step: contact → date → time → duration → summary) - E
Responsibilities
- Render paginated event list with title, date, time, location, and participation status
- Provide search and filter controls scoped to the user's organization context
- Display offline-cached event list when network is unavailable
- Reflect module-toggle visibility to hide events from disabled modules
- Navigate to event detail view on item selection
Interfaces
renderEventList(events: Event[]): void
onSearch(query: string): void
onFilterChange(filter: EventFilter): void
onEventSelect(eventId: string): void