Add canvas tutorial button highlight
- Dominant language
- TypeScript
- Stars
- 4
- Forks
- 2
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 7
Description
**User story**
As a user I would like a way to see where I currently am in the tutorial.
**Describe the solution you'd like**
Highlight the button that belongs to the section I am reading.
**Additional context**
The highlight was previously a feature, but did not work as intended since it only changed the highlight when a button was clicked and not when scrolling. At this time CanvasTutorialSectionButton.tsx contains the code for the previous implementation.
**Development checklist**
- [ ] [Threat Modeling](https://cheatsheetseries.owasp.org/cheatsheets/Threat_Modeling_Cheat_Sheet.html)
Contributor guide
Research direction
Start by reading CanvasTutorialSectionButton.tsx, which contains the previous implementation. Trace how tutorial sections and scrolling are represented, then verify that the button for the section currently being read stays highlighted as the user scrolls, not only after a button click.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100