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 NoContentTile with 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 Link to 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

ActivityResponseDto[]

An array of activity objects representing the user's current enrollments.

Returns

[object Object]

Component

Example

<ActivityEnrollmentOverview
enrolledActivities={userEnrollments}
/>

On this page