update src/components/CourseList/index.js

src/components/CourseList/index.js

@@ -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  */}