fixing

components/CourseCard.tsx

@@ -1,21 +1,9 @@
 import { Course } from "../utils/types.ts";
 
 import IconCircle from "https://deno.land/x/[email protected]/tsx/circle.tsx";
-import IconcircleCheck from "https://deno.land/x/[email protected]/tsx/circle-check.tsx";
-
+// import IconcircleCheck from "https://deno.land/x/[email protected]/tsx/circle-check.tsx";
 
 export default function CourseCard(props: { course: Course }) {
-
-  // FOR TESTING PURPOSES ONLY
-  // add comments course to the local storage
-  // localStorage.setItem("completedCourses", JSON.stringify(["comments"]));
-
-  // check if the student has completed the course from the local storage
-  const completedCourses = localStorage.getItem("completedCourses");
-  const completedCoursesArray = completedCourses
-    ? JSON.parse(completedCourses)
-    : [];
-  const isCompleted = completedCoursesArray.includes(props.course.slug);
   const { course } = props;
   return (
     <div
@@ -24,11 +12,7 @@ export default function CourseCard(props: { course: Course }) {
     >
       <a title={course.title} href={`/${course.slug}`}>
         <h3 class="text-gray-500 font-bold flex gap-1 items-center">
-          {/* <IconCircle aria-hidden="true" class="h-4 w-4" /> {course.title} */}
-          {
-
-            isCompleted ? <IconcircleCheck aria-hidden="true" class="h-4 w-4 text-gray-300" /> : <IconCircle aria-hidden="true" class="h-4 w-4" />
-          }
+          <IconCircle aria-hidden="true" class="h-4 w-4" />
           {course.title}
         </h3>
       </a>

tailwind.config.ts

@@ -4,7 +4,6 @@ import daisyui from "daisyui";
 export default {
   content: [
     "{routes,islands,components}/**/*.{ts,tsx}",
-    // TO MAKE TAILWIND EXTENTION WORKING :(
     "routes/**/*.{ts,tsx}",
     "islands/**/*.{ts,tsx}",
     "components/**/*.{ts,tsx}",