Skip to content

. Add course-card.tsx improvements with enrollment status #257

Description

@DeFiVC

What: Improve the CourseCard component to show enrollment status, progress percentage, and quick actions (enroll, continue).

Why: The current CourseCard doesn't show whether the user is enrolled or their progress. Users need to see this at a glance in the course catalog.

Scope: Add enrolled and progress props to CourseCard. Show enrolled badge, progress bar, and appropriate action button (Enroll vs Continue Learning). Add hover state with quick actions.

Acceptance criteria:

  • Enrolled courses show badge and progress
  • Action button changes based on enrollment status
  • Progress bar shows completion percentage
  • Hover reveals quick actions

Technical context: src/components/course/course-card.tsx — existing CourseCard. src/app/courses/page.tsx:135-143 — CourseCard usage.


Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions