fixing collapse courses background

TeaByte · Jan 21, 2024 · bbeb6f3 · bbeb6f3
1 parent b828494
commit bbeb6f3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/components/Collapse.tsx b/components/Collapse.tsx
@@ -1,8 +1,8 @@
+import ProgressCheck from "@/islands/ProgressCheck.tsx";
 import { Course } from "../utils/types.ts";
-import CourseCard from "./CourseCard.tsx";
 
 export default function Collapse(
-  { title, courses }: { title: string; courses: Course[]; },
+  { title, courses }: { title: string; courses: Course[] },
 ) {
   return (
     <div class="collapse collapse-arrow bg-base-300">
@@ -12,7 +12,19 @@ export default function Collapse(
       </div>
       <div class="collapse-content flex flex-col">
         {courses.map((course) => (
-          <CourseCard key={course.slug} course={course} />
+          <div key={course.slug}>
+            <a
+              title={course.title}
+              href={`/${course.slug}`}
+              class="gray-200 hover:opacity-75 list-none"
+              style={{ order: course.order }}
+            >
+              <h3 class="text-gray-500 font-bold flex gap-1 items-centerrounded-btn mt-2 flex gap-1 items-center">
+                <ProgressCheck slug={course.slug} />
+                {course.title}
+              </h3>
+            </a>
+          </div>
         ))}
       </div>
     </div>

diff --git a/components/Drawer.tsx b/components/Drawer.tsx
@@ -2,7 +2,6 @@ import ProgressCheck from "@/islands/ProgressCheck.tsx";
 import { Course, CourseGroup } from "../utils/types.ts";
 
 import Collapse from "./Collapse.tsx";
-import CourseCard from "./CourseCard.tsx";
 
 import IconLayoutSidebarLeftCollapse from "https://deno.land/x/[email protected]/tsx/layout-sidebar-left-collapse.tsx";