CourseListScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Displays a browsable catalog of available training courses for the authenticated user's organization. Supports filtering, searching, and sorting courses by category or status. Navigates to CourseDetailScreen on selection.
course-list-screen
Sources & reasoning
Line 114 explicitly lists in-app course enrollment as an HLF certification requirement; line 124 confirms Barnekreftforeningen shares the need for onboarding training. The priority matrix (line 155) assigns SHOULD HAVE in Phase 3 (column value 3), which maps to v1.1 by ordinal. Line 355 confirms Phase 3 roadmap placement.
-
docs/source/likeperson.md · line 114Kursadministrasjon og sertifisering: Påmelding til kurs i appen, automatisk påminnelse ved utløp, digitale sertifikater. Det fysiske kortet er et «adelsmerke» og skal leve parallelt.
-
docs/source/likeperson.md · line 124Kursadministrasjon (delt med HLF) for opplæring av nye likepersoner og oppfølgingskurs.
-
docs/source/likeperson.md · line 155| Kursadministrasjon / sertifisering | ✓ | - | - | ✓ | ✓ | SHOULD (HLF + Barnekreft) | 3 |
-
docs/source/likeperson.md · line 355Kursadministrasjon og sertifisering (HLF + Barnekreftforeningen)
Responsibilities
- Render paginated list of courses from the organization's configured catalog
- Provide search and filter controls by category, status, and availability
- Display enrollment status indicators for each course
- Handle empty states and loading states during data fetch
Interfaces
loadCourses(organizationId: string): Promise<Course[]>
filterCourses(filters: CourseFilters): Course[]
navigateToCourseDetail(courseId: string): void
Related Data Entities (2)
Data entities managed by this component