From 3eb3d22805a7835c765d2d01a8bc40c25478d069 Mon Sep 17 00:00:00 2001
From: Dmytro <31030855+Laurent-di@users.noreply.github.com>
Date: Fri, 28 Jun 2024 07:43:14 +0200
Subject: [PATCH] feat: redesign lesson list on course landing page (#372)

---
 .../components/CourseLandingPage/index.svelte | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/apps/dashboard/src/lib/components/CourseLandingPage/index.svelte b/apps/dashboard/src/lib/components/CourseLandingPage/index.svelte
index db3d3011..b312ac1e 100644
--- a/apps/dashboard/src/lib/components/CourseLandingPage/index.svelte
+++ b/apps/dashboard/src/lib/components/CourseLandingPage/index.svelte
@@ -266,20 +266,20 @@
               {pluralize('lesson', lessons.length, true)}
             </p>
           </div>
-          {#each lessons as lesson, index}
-            <div class="mb-6 flex w-full flex-col justify-between md:flex-row md:items-center">
-              <div class="mb-3 flex items-center">
+
+          <div class="flex flex-wrap">
+            {#each lessons as lesson, index}
+            <div class="px-2 py-1 m-2 border rounded">
                 <Chip
                   value={getLectureNo(index + 1, '0')}
-                  className="bg-primary-100 text-primary-700"
+                  className="bg-primary-100 text-primary-700 inline "
                 />
-                <p class="ml-2 text-sm font-light dark:text-white">
+                <p class="ml-2 text-xs font-light dark:text-white inline">
                   {lesson.title}
                 </p>
-              </div>
 
-              <div class="w-2/4">
-                <div class="flex items-center">
+            
+                <!-- <div class="flex items-center">
                   {#if lesson.slide_url}
                     <span class="text-sm font-light flex w-2/4"
                       ><PresentationFile size={16} class="mr-1" />{$t(
@@ -294,8 +294,10 @@
                       )}</span
                     >
                   {/if}
-                </div>
-                <div class="flex items-center">
+                </div> -->
+
+                
+                <!-- <div class="flex items-center">
                   {#if lesson.videos}
                     <span class="text-sm font-light flex w-2/4"
                       ><Video size={16} class="mr-1" />{lesson.videos.length}
@@ -311,10 +313,10 @@
                       )}</span
                     >
                   {/if}
-                </div>
-              </div>
+                </div> -->
             </div>
           {/each}
+          </div>
         </section>
 
         <!-- Sections - Reviews -->