Default
Function: default()
[object Object]
Defined in: app/components/Activity/ActivityEnrollmentOverview.tsx:36
A specialized list component that displays a collection of activities the current user is enrolled in.
Features:
- Empty State Handling: Automatically renders a
NoContentTilewith a localized message if the enrollment list is empty. - Visual Indicators: Each activity is represented with a themed checkmark icon using color-mixing to match the organization's primary brand color.
- Navigation: Each item acts as a
Linkto the detailed activity page, complete with hover states for better interactivity. - Date Formatting: Displays the start date using a standardized "shortDate" utility for consistent UI presentation.
Parameters
props
The component props.
enrolledActivities
An array of activity objects representing the user's current enrollments.
Returns
[object Object]
Component
Example
<ActivityEnrollmentOverview
enrolledActivities={userEnrollments}
/>