@ -40,7 +40,11 @@ const CourseChapter = ({ courseTitle, lessonName, grade, chapters }) => {
`}
></div>
{Number(i) !== chapter.lessons.length - 1 && (
<span className="w-1 h-[65px] border-r-2 border-dotted border-yellow-200"></span>
<span
className={`h-[65px] border-r-2 border-dotted ${
lesson.passed ? "border-green-400" : "border-purple-400"
}`}
></span>
)}
</div>
{/* left div content */}