From 70a8644bb5f61c4186d6a74fe56f208e98b6c979 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Fri, 19 Apr 2024 06:26:13 +0100
Subject: [PATCH] fix: proper label when translation for lesson not found

---
 apps/dashboard/src/lib/components/Box/index.svelte         | 2 +-
 .../Lesson/Materials/components/ComponentNote.svelte       | 7 +++++--
 .../lib/components/Courses/components/Card/index.svelte    | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/dashboard/src/lib/components/Box/index.svelte b/apps/dashboard/src/lib/components/Box/index.svelte
index 0b920426..caeb7d1d 100644
--- a/apps/dashboard/src/lib/components/Box/index.svelte
+++ b/apps/dashboard/src/lib/components/Box/index.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <div
-  class="{className} w-full h-[517px] flex items-center justify-center flex-col border rounded border-gray-200 dark:border-neutral-600"
+  class="{className} w-full max-w-[500px] mx-auto h-[350px] flex items-center justify-center flex-col border rounded border-gray-200 dark:border-neutral-600"
 >
   <slot />
 </div>
diff --git a/apps/dashboard/src/lib/components/Course/components/Lesson/Materials/components/ComponentNote.svelte b/apps/dashboard/src/lib/components/Course/components/Lesson/Materials/components/ComponentNote.svelte
index 139c8da6..2f3db878 100644
--- a/apps/dashboard/src/lib/components/Course/components/Lesson/Materials/components/ComponentNote.svelte
+++ b/apps/dashboard/src/lib/components/Course/components/Lesson/Materials/components/ComponentNote.svelte
@@ -17,6 +17,9 @@
     $lessonByTranslation[lessonId],
     $lesson.locale
   );
+  $: hasAtLeastOneTranslation = Object.values($lessonByTranslation[lessonId]).some(
+    (c) => !!c.length
+  );
 </script>
 
 {#if !isHtmlValueEmpty(content)}
@@ -27,10 +30,10 @@
       </div>
     </svelte:fragment>
   </HtmlRender>
-{:else}
+{:else if hasAtLeastOneTranslation}
   <Box className="text-center">
     <AlignBoxTopLeft class="carbon-icon" size={32} />
-    <h3 class="text-xl font-normal dark:text-white py-2">
+    <h3 class="text-md font-normal dark:text-white py-2">
       {$t('course.navItem.lessons.materials.no_translation')}
     </h3>
   </Box>
diff --git a/apps/dashboard/src/lib/components/Courses/components/Card/index.svelte b/apps/dashboard/src/lib/components/Courses/components/Card/index.svelte
index 648002ce..93f4b062 100644
--- a/apps/dashboard/src/lib/components/Courses/components/Card/index.svelte
+++ b/apps/dashboard/src/lib/components/Courses/components/Card/index.svelte
@@ -147,7 +147,7 @@
       <PrimaryButton
         label={$t('courses.lesson_card.continue_course')}
         variant={VARIANTS.OUTLINED}
-        className="rounded-none text-primary-600"
+        className="rounded-none"
       />
     {:else if !isOnLandingPage}
       <div class="flex flex-col justify-between">