From 51b4f8f96b3ef3e782f2d52aa83000d1d893da65 Mon Sep 17 00:00:00 2001
From: Oleg Shilov <me@olegshilov.com>
Date: Wed, 3 Jan 2024 21:15:14 +0700
Subject: [PATCH] fix(islamic-website): add correct lesson ids and update
 lesson card markup

---
 .../academy-preview-page/academy-preview-page.tsx | 15 +++++++++------
 .../academy-page/src/lib/modules-page/modules.ts  |  6 +++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/libs/islamic-website/academy-page/src/lib/academy-preview-page/academy-preview-page.tsx b/libs/islamic-website/academy-page/src/lib/academy-preview-page/academy-preview-page.tsx
index 72b0d30e3..7e5a41b8e 100644
--- a/libs/islamic-website/academy-page/src/lib/academy-preview-page/academy-preview-page.tsx
+++ b/libs/islamic-website/academy-page/src/lib/academy-preview-page/academy-preview-page.tsx
@@ -256,6 +256,7 @@ function IntroModule() {
           lessonTitle="Intro"
           lessonDescription="Welcome to HAQQ Academy"
           isAvailable={true}
+          lessonId="9c2Mz-PBcx4"
         />
       </div>
 
@@ -374,7 +375,7 @@ function LessonCard({
             : 'transition-colors duration-150 ease-in hover:border-[#8A8A8A]',
         )}
       >
-        <div className="relative aspect-video h-[100px] w-full lg:w-[200px]">
+        <div className="relative aspect-video h-[114px] w-full lg:w-[200px]">
           <div className="absolute z-[1] h-full w-full rounded-[8px] bg-[#02030480]" />
           <PlayVideoIcon
             className={clsx(
@@ -393,11 +394,13 @@ function LessonCard({
           )}
         </div>
         <div className="w-full lg:w-2/5 xl:min-w-[55%]">
-          <div className="font-vcr mt-[12px] text-[15px] uppercase leading-[22px] text-white/50 md:text-[16px] md:leading-[24px] lg:mt-0 lg:text-[18px] lg:leading-[26px]">
-            {lessonDescription}
-          </div>
-          <div className="mt-[2px] h-[26px] truncate text-[17px] leading-[26px] md:mt-[4px] md:text-[18px] lg:mt-[8px] lg:h-auto lg:text-[20px] lg:leading-[28px]">
-            {lessonTitle}
+          <div className="flex h-full flex-col justify-between gap-[2px] md:gap-[4px] lg:gap-[8px]">
+            <div className="font-vcr text-[15px] uppercase leading-[22px] text-white/50 md:text-[16px] md:leading-[24px] lg:text-[18px] lg:leading-[26px]">
+              {lessonDescription}
+            </div>
+            <div className="h-[26px] truncate text-[17px] leading-[26px] md:text-[18px] lg:h-auto lg:text-[20px] lg:leading-[28px]">
+              {lessonTitle}
+            </div>
           </div>
         </div>
       </div>
diff --git a/libs/islamic-website/academy-page/src/lib/modules-page/modules.ts b/libs/islamic-website/academy-page/src/lib/modules-page/modules.ts
index 0ca85562a..a2b43fe55 100644
--- a/libs/islamic-website/academy-page/src/lib/modules-page/modules.ts
+++ b/libs/islamic-website/academy-page/src/lib/modules-page/modules.ts
@@ -71,18 +71,18 @@ export const academyModules: AcademyModule[] = [
         lessonTitle: 'Lesson 4.1',
         lessonDescription:
           'Bridging the Gap between Islamic Finance and Crypto w/ Sheikh Mohamad Beyanouni',
-        lessonId: 'GCXaQttX6o',
+        lessonId: 'j6seXXPl9zs',
       },
       {
         lessonTitle: 'Lesson 4.2',
         lessonDescription: 'Cryptocurrency and the Prohibition of Riba (Usury)',
-        lessonId: 'GC7uQttxkV',
+        lessonId: 'WqUMg20x8dg',
       },
       {
         lessonTitle: 'Lesson 4.3',
         lessonDescription:
           'What is staking? How to approach staking from Sharia perspectives?',
-        lessonId: 'GCS6QttfGC',
+        lessonId: '7a1x6_1jfoY',
       },
     ],
   },