Components
Review presentation and moderation
Keep learner feedback distinct from course progress and let owner moderation control public display.
On this page
Purpose and usage
Keep learner feedback distinct from course progress and let owner moderation control public display.
Anatomy
| Part | Contract |
|---|---|
| Rating | Five icons and accessible rating label |
| Text | Actual review content |
| Identity | Review avatar and context |
| Owner control | Public-display switch when supplied |
Variants and configuration
| Input or variant | Behavior |
|---|---|
| ReviewStars | rating plus sm/md/lg size |
| Moderation | Display flag and updating state supplied by parent |
| Public showcase | Actual approved summaries only |
State coverage
| State | Implemented behavior |
|---|---|
| Rating | Filled icons up to numeric value |
| Moderating | Switch can be disabled while updating |
| No reviews | Do not fabricate testimonials |
Interaction and composition
- Use actual review evidence when available.
- Do not invent a rating average or reviewer to fill the design system.
- Keep public display consent and server ownership rules in the real moderation workflow.
Accessibility and readiness
ReviewStars provides a Rated N out of 5 stars label. ReviewDetailModal is a detail container, not evidence of a complete modal focus trap. Student/reviewer records are excluded from this capture fixture; review families are documented from source without fabricated testimonials.
Source references
| File | Responsibility |
|---|---|
| src/components/reviews/ReviewStars.tsx | Named five-star display |
| src/components/reviews/ReviewCard.tsx | Review summary |
| src/components/reviews/ReviewDetailModal.tsx | Detail and landing-page display switch |
| src/components/reviews/CourseReviewShowcase.tsx | Public review composition |
Related topics
Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1