Help with Dynamic Check Marks for Course Lesson Recap Component

[Davy]

Hi everyone!

I’ve created a component that serves as a recap of the lessons in a course. It displays all the lessons in a list, and part of the component includes a checkmark that indicates whether a specific lesson has been completed by the user.

However, I’m facing an issue: the checkmark currently only takes the initial value and duplicates it for all the lessons in the list. Instead of reflecting the actual completion status of each lesson, the checkmarks are all the same.

How can I dynamically update the checkmark for each lesson so that it accurately reflects its completion status (true or false) based on the user’s progress? I’d appreciate any advice or guidance on resolving this issue.

Thanks in advance for your help!

[Joyce]

Hi @Davy

It’s hard to say without knowing how your data is structured and how the component is built.

Without more context, I would say the component could have a boolean (true/false) property and, based on the value of that property, the checkmark would be ticked or not.

Does that help? Don’t hesitate to provide more info if not

[Davy]

Hey @Joyce,
The issue is that this component is part of a list, so any boolean value I set causes the subsequent check icons to adopt the same value as the first one.