Organization Selection Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Full-screen UI presented on first app launch that lists all available organizations (NHF, Blindeforbundet, HLF, Barnekreftforeningen, etc.) for the user to choose from. Fetches the organization list from the REST API and renders each organization with logo, name, and a selection affordance. Persists the selection to local storage so returning users can skip this screen.
organization-selection-screen
Responsibilities
- Render a scrollable list of available organizations fetched from the API
- Handle organization selection and persist choice to local preferences
- Display loading and error states during API fetch
- Support deep-link bypass for returning users with a stored preference
- Ensure WCAG 2.2 AA compliance with proper semantic labels and touch targets
Interfaces
build(context)
onOrganizationSelected(orgId)
loadOrganizations()
showLoadingState()
showErrorState(errorMessage)
navigateToAuthentication(orgId)
Relationships
Dependencies (2)
Components this component depends on