chore: translate list view #258

apps/dashboard/src/lib/components/Courses/components/Card/index.svelte

@@ -63,26 +63,26 @@
   <ContextMenu {target}>
     <ContextMenuOption
       indented
-      labelText={$t('courses.lesson_card.context_menu.clone')}
+      labelText={$t('courses.course_card.context_menu.clone')}
       icon={CopyFile}
       on:click={handleCloneCourse}
     />
     <ContextMenuOption
       indented
-      labelText={$t('courses.lesson_card.context_menu.share')}
+      labelText={$t('courses.course_card.context_menu.share')}
       icon={Share}
       on:click={handleShareCourse}
     />
     <ContextMenuOption
       indented
-      labelText={$t('courses.lesson_card.context_menu.invite')}
+      labelText={$t('courses.course_card.context_menu.invite')}
       icon={UserFollow}
       on:click={handleInvite}
     />
     <ContextMenuDivider />
     <ContextMenuOption
       kind="danger"
-      labelText={$t('courses.lesson_card.context_menu.delete')}
+      labelText={$t('courses.course_card.context_menu.delete')}
       on:click={handleDeleteCourse}
     />
   </ContextMenu>
@@ -104,7 +104,7 @@
         <svelte:fragment slot="loading">
           <SkeletonPlaceholder style="width: 100%; height: 200px;" />
         </svelte:fragment>
-        <svelte:fragment slot="error">{$t('courses.lesson_card.error_message')}</svelte:fragment>
+        <svelte:fragment slot="error">{$t('courses.course_card.error_message')}</svelte:fragment>
       </ImageLoader>
     </div>
 
@@ -121,7 +121,7 @@
     <div>
       <p class="text-xs pt-2 {!isLMS && 'pl-2'} dark:text-white">
         {totalLessons}
-        {$t('courses.lesson_card.lessons_number')}
+        {$t('courses.course_card.lessons_number')}
       </p>
       <p class="text-xs py-2">
         {#if isOnLandingPage}
@@ -139,9 +139,9 @@
         {:else}
           <Tag type={isPublished ? 'green' : 'cool-gray'}>
             {#if isPublished}
-              {$t('courses.lesson_card.published')}
+              {$t('courses.course_card.published')}
             {:else}
-              {$t('courses.lesson_card.unpublished')}
+              {$t('courses.course_card.unpublished')}
             {/if}
           </Tag>
         {/if}
@@ -150,7 +150,7 @@
 
     {#if isLMS}
       <PrimaryButton
-        label={$t('courses.lesson_card.continue_course')}
+        label={$t('courses.course_card.continue_course')}
         variant={VARIANTS.OUTLINED}
         className="rounded-none"
       />
@@ -158,7 +158,7 @@
       <div class="flex flex-col justify-between">
         <p class="text-xs pt-2 pl-2 dark:text-white">
           {totalStudents}
-          {$t('courses.lesson_card.students')}
+          {$t('courses.course_card.students')}
         </p>
         <div></div>
       </div>

apps/dashboard/src/lib/components/Courses/components/List/index.svelte

@@ -53,9 +53,9 @@
     <StructuredListCell>
       <Tag class="break-normal" type={isPublished ? 'green' : 'cool-gray'}>
         {#if isPublished}
-          Published
+          {$t('courses.course_card.published')}
         {:else}
-          Unpublished
+          {$t('courses.course_card.unpublished')}
         {/if}
       </Tag>
     </StructuredListCell>
@@ -69,20 +69,20 @@
       }}
     >
       <OverflowMenuItem
-        text={$t('courses.lesson_card.context_menu.clone')}
+        text={$t('courses.course_card.context_menu.clone')}
         on:click={handleCloneCourse}
       />
       <OverflowMenuItem
-        text={$t('courses.lesson_card.context_menu.share')}
+        text={$t('courses.course_card.context_menu.share')}
         on:click={handleShareCourse}
       />
       <OverflowMenuItem
-        text={$t('courses.lesson_card.context_menu.invite')}
+        text={$t('courses.course_card.context_menu.invite')}
         on:click={handleInvite}
       />
       <OverflowMenuItem
         danger
-        text={$t('courses.lesson_card.context_menu.delete')}
+        text={$t('courses.course_card.context_menu.delete')}
         on:click={handleDeleteCourse}
       />
     </OverflowMenu>

apps/dashboard/src/lib/components/Courses/index.svelte

@@ -14,12 +14,11 @@
     StructuredListCell,
     StructuredListBody
   } from 'carbon-components-svelte';
-  import { isMobile } from '$lib/utils/store/useMobile';
   import { t } from '$lib/utils/functions/translations';
 
   export let courses: Course[] = [];
-  export let emptyTitle = $t('courses.lesson_card.empty_title');
-  export let emptyDescription = $t('courses.lesson_card.empty_description');
+  export let emptyTitle = $t('courses.course_card.empty_title');
+  export let emptyDescription = $t('courses.course_card.empty_description');
 
   function calcProgressRate(progressRate?: number, totalLessons?: number): number {
     if (!progressRate || !totalLessons) {
@@ -43,13 +42,21 @@
     <StructuredList selection class="w-full">
       <StructuredListHead>
         <StructuredListRow head>
-          <StructuredListCell head>Title</StructuredListCell>
-          <StructuredListCell head>Description</StructuredListCell>
-          {#if !$isMobile}
-            <StructuredListCell head>Lessons</StructuredListCell>
-            <StructuredListCell head>Students</StructuredListCell>
-            <StructuredListCell head>Published</StructuredListCell>
-          {/if}
+          <StructuredListCell head>
+            {$t('courses.course_card.list_view.title')}
+          </StructuredListCell>
+          <StructuredListCell head>
+            {$t('courses.course_card.list_view.description')}
+          </StructuredListCell>
+          <StructuredListCell head>
+            {$t('courses.course_card.list_view.lessons')}
+          </StructuredListCell>
+          <StructuredListCell head>
+            {$t('courses.course_card.list_view.students')}
+          </StructuredListCell>
+          <StructuredListCell head>
+            {$t('courses.course_card.list_view.published')}
+          </StructuredListCell>
           <StructuredListCell head>{''}</StructuredListCell>
         </StructuredListRow>
       </StructuredListHead>