Skip to content

fix: render markdown in lesson instruction and worked example text - #113

Merged
willwearing merged 1 commit into
mainfrom
fix/lesson-markdown-rendering
Apr 10, 2026
Merged

fix: render markdown in lesson instruction and worked example text#113
willwearing merged 1 commit into
mainfrom
fix/lesson-markdown-rendering

Conversation

@willwearing

Copy link
Copy Markdown
Owner

Summary

  • Course YAML supports markdown in instructionText and workedExampleText per the schema docs, but the lesson UI was rendering raw markdown (e.g. **Product Intelligence** showing literally instead of bold)
  • Added a MarkdownText component using react-markdown + remark-gfm
  • Replaced plain <p whitespace-pre-line> renders in lesson-flow.tsx for both instruction and worked example phases

Test plan

  • All 261 frontend tests pass locally
  • Visit use-case-selling academy, open Use Cases vs Products lesson, verify bold text renders correctly

Course YAML supports markdown in instructionText and workedExampleText
per the schema docs, but the lesson UI was rendering it as plain text.
Added a MarkdownText component using react-markdown + remark-gfm and
replaced the plain <p> renders in lesson-flow.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Apr 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
graspful Ready Ready Preview, Comment Apr 10, 2026 10:21pm

@willwearing
willwearing merged commit c1e1405 into main Apr 10, 2026
5 checks passed
@willwearing
willwearing deleted the fix/lesson-markdown-rendering branch April 10, 2026 22:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant