Patterns
Watch and complete a lesson
Connect the real lesson media, its supporting content and the explicit completion action.
On this page
Workflow
| Step | Responsibility |
|---|---|
| 1 | Resolve the authorized course and selected route lesson. |
| 2 | Render VideoHeader with the actual embed and sequence. |
| 3 | Keep description, actions, links and downloads in the same lesson context. |
| 4 | Persist lesson completion through the real parent action. |
| 5 | Offer the next lesson or course completion context. |
Decisions and composition
- Lesson completion and action checks are distinct records.
- Only expose navigation permitted by actual enrollment/availability.
- The public preview and enrolled view are different compositions.
Errors, recovery and limits
- Provider playback failure must not become fabricated success.
- The applied learner screen uses the published Final Cut Pro course.
- All available owner course action arrays are empty, so a populated checklist is not invented.
- Playback, captions and private enrollment access need separate live verification.
Source references
| File | Responsibility |
|---|---|
| src/components/courses-public/logged-in/PrivateCourseView.tsx | Learner workflow |
| src/components/courses-public/logged-in/VideoHeader.tsx | Media and sequence |
| src/components/courses-public/shared/LessonList.tsx | Destinations |
Examples from the app
Actual TeachKit UI with Thomas McGee’s course content. Session, progress and connection specimens are simulated; no student data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1