From 41aa45be9e493e1f08656d8b4bd8e57b981edb20 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Sat, 20 Apr 2024 15:05:45 +0100
Subject: [PATCH] chore: translate list view #258

---
 .../Courses/components/Card/index.svelte      | 20 +++++++-------
 .../Courses/components/List/index.svelte      | 12 ++++-----
 .../src/lib/components/Courses/index.svelte   | 27 ++++++++++++-------
 .../src/lib/utils/translations/de.json        | 11 ++++++--
 .../src/lib/utils/translations/en.json        | 11 ++++++--
 .../src/lib/utils/translations/es.json        | 11 ++++++--
 .../src/lib/utils/translations/fr.json        | 11 ++++++--
 .../src/lib/utils/translations/hi.json        | 11 ++++++--
 .../src/lib/utils/translations/pt.json        | 11 ++++++--
 .../src/lib/utils/translations/ru.json        | 11 ++++++--
 .../src/lib/utils/translations/vi.json        | 11 ++++++--
 cypress.config.js                             |  2 +-
 12 files changed, 106 insertions(+), 43 deletions(-)

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 2c323b62..b64e6420 100644
--- a/apps/dashboard/src/lib/components/Courses/components/Card/index.svelte
+++ b/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>
diff --git a/apps/dashboard/src/lib/components/Courses/components/List/index.svelte b/apps/dashboard/src/lib/components/Courses/components/List/index.svelte
index d19fe8fe..af85f99b 100644
--- a/apps/dashboard/src/lib/components/Courses/components/List/index.svelte
+++ b/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>
diff --git a/apps/dashboard/src/lib/components/Courses/index.svelte b/apps/dashboard/src/lib/components/Courses/index.svelte
index 5c95be46..a3036e16 100644
--- a/apps/dashboard/src/lib/components/Courses/index.svelte
+++ b/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>
diff --git a/apps/dashboard/src/lib/utils/translations/de.json b/apps/dashboard/src/lib/utils/translations/de.json
index 690119ee..d951591c 100644
--- a/apps/dashboard/src/lib/utils/translations/de.json
+++ b/apps/dashboard/src/lib/utils/translations/de.json
@@ -409,7 +409,7 @@
       "published": "Veröffentlicht",
       "lessons": "Lektionen"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "Keine Kurse erstellt",
       "empty_description": "Teilen Sie Ihr Wissen mit der Welt, indem Sie ansprechende Kurse für Ihre Schüler erstellen.",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "Schüler",
       "published": "Veröffentlicht",
       "unpublished": "Nicht veröffentlicht",
-      "continue_course": "Kurs fortsetzen"
+      "continue_course": "Kurs fortsetzen",
+      "list_view": {
+        "title": "Titel",
+        "description": "Beschreibung",
+        "lessons": "Lektionen",
+        "students": "Studenten",
+        "published": "Veröffentlicht"
+      }
     },
     "new_course_modal": {
       "heading": "Kurs erstellen",
diff --git a/apps/dashboard/src/lib/utils/translations/en.json b/apps/dashboard/src/lib/utils/translations/en.json
index 79da2f68..10f63c38 100644
--- a/apps/dashboard/src/lib/utils/translations/en.json
+++ b/apps/dashboard/src/lib/utils/translations/en.json
@@ -417,7 +417,7 @@
       "published": "Published",
       "lessons": "Lessons"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "No Courses Created",
       "empty_description": "Share your knowledge with the world by creating engaging courses for your students.",
       "context_menu": {
@@ -431,7 +431,14 @@
       "students": "students",
       "published": "Published",
       "unpublished": "Unpublished",
-      "continue_course": "Continue Course"
+      "continue_course": "Continue Course",
+      "list_view": {
+        "title": "Title",
+        "description": "Description",
+        "lessons": "Lessons",
+        "students": "Students",
+        "published": "Published"
+      }
     },
     "new_course_modal": {
       "heading": "Create a Course",
diff --git a/apps/dashboard/src/lib/utils/translations/es.json b/apps/dashboard/src/lib/utils/translations/es.json
index 869c7967..52cdb307 100644
--- a/apps/dashboard/src/lib/utils/translations/es.json
+++ b/apps/dashboard/src/lib/utils/translations/es.json
@@ -409,7 +409,7 @@
       "published": "Publicado",
       "lessons": "Lecciones"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "No se han creado cursos",
       "empty_description": "Comparte tu conocimiento con el mundo creando cursos atractivos para tus estudiantes.",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "estudiantes",
       "published": "Publicado",
       "unpublished": "No Publicado",
-      "continue_course": "Continuar Curso"
+      "continue_course": "Continuar Curso",
+      "list_view": {
+        "title": "Título",
+        "description": "Descripción",
+        "lessons": "Lecciones",
+        "students": "Estudiantes",
+        "published": "Publicado"
+      }
     },
     "new_course_modal": {
       "heading": "Crear un Curso",
diff --git a/apps/dashboard/src/lib/utils/translations/fr.json b/apps/dashboard/src/lib/utils/translations/fr.json
index 186df409..3d1da3d9 100644
--- a/apps/dashboard/src/lib/utils/translations/fr.json
+++ b/apps/dashboard/src/lib/utils/translations/fr.json
@@ -409,7 +409,7 @@
       "published": "Publié",
       "lessons": "Cours"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "Aucun cours créé",
       "empty_description": "Partagez vos connaissances avec le monde en créant des cours attrayants pour vos étudiants.",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "étudiants",
       "published": "Publié",
       "unpublished": "Inédit",
-      "continue_course": "Continuer le cours"
+      "continue_course": "Continuer le cours",
+      "list_view": {
+        "title": "Titre",
+        "description": "Description",
+        "lessons": "Leçons",
+        "students": "Étudiants",
+        "published": "Publié"
+      }
     },
     "new_course_modal": {
       "heading": "Créer un cours",
diff --git a/apps/dashboard/src/lib/utils/translations/hi.json b/apps/dashboard/src/lib/utils/translations/hi.json
index e7ef1478..2a508aee 100644
--- a/apps/dashboard/src/lib/utils/translations/hi.json
+++ b/apps/dashboard/src/lib/utils/translations/hi.json
@@ -409,7 +409,7 @@
       "published": "प्रकाशित",
       "lessons": "पाठ"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "कोई पाठ्यक्रम नहीं बनाया गया",
       "empty_description": "अपने छात्रों के लिए आकर्षक पाठ्यक्रम बनाकर अपना ज्ञान दुनिया के साथ साझा करें।",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "छात्र",
       "published": "प्रकाशित",
       "unpublished": "अप्रकाशित",
-      "continue_course": "पाठ्यक्रम जारी रखें"
+      "continue_course": "पाठ्यक्रम जारी रखें",
+      "list_view": {
+        "title": "शीर्षक",
+        "description": "विवरण",
+        "lessons": "सबक",
+        "students": "छात्र",
+        "published": "प्रकाशित"
+      }
     },
     "new_course_modal": {
       "heading": "एक कोर्स बनाएं",
diff --git a/apps/dashboard/src/lib/utils/translations/pt.json b/apps/dashboard/src/lib/utils/translations/pt.json
index d56a9170..88ff4310 100644
--- a/apps/dashboard/src/lib/utils/translations/pt.json
+++ b/apps/dashboard/src/lib/utils/translations/pt.json
@@ -409,7 +409,7 @@
       "published": "Publicado",
       "lessons": "Aulas"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "Nenhum Curso Criado",
       "empty_description": "Compartilhe seu conhecimento com o mundo criando cursos envolventes para seus alunos.",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "alunos",
       "published": "Publicado",
       "unpublished": "Não publicado",
-      "continue_course": "Continuar Curso"
+      "continue_course": "Continuar Curso",
+      "list_view": {
+        "title": "Título",
+        "description": "Descrição",
+        "lessons": "Lições",
+        "students": "Alunos",
+        "published": "Publicado"
+      }
     },
     "new_course_modal": {
       "heading": "Criar um Curso",
diff --git a/apps/dashboard/src/lib/utils/translations/ru.json b/apps/dashboard/src/lib/utils/translations/ru.json
index c84e5391..87c45f15 100644
--- a/apps/dashboard/src/lib/utils/translations/ru.json
+++ b/apps/dashboard/src/lib/utils/translations/ru.json
@@ -409,7 +409,7 @@
       "published": "Опубликовано",
       "lessons": "Уроки"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "Курсы не созданы",
       "empty_description": "Поделитесь своими знаниями с миром, создавая увлекательные курсы для ваших студентов.",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "студентов",
       "published": "Опубликовано",
       "unpublished": "Не опубликовано",
-      "continue_course": "Продолжить курс"
+      "continue_course": "Продолжить курс",
+      "list_view": {
+        "title": "Название",
+        "description": "Описание",
+        "lessons": "Уроки",
+        "students": "Студенты",
+        "published": "Опубликовано"
+      }
     },
     "new_course_modal": {
       "heading": "Создать курс",
diff --git a/apps/dashboard/src/lib/utils/translations/vi.json b/apps/dashboard/src/lib/utils/translations/vi.json
index b6a1d2a0..ff0c2c3b 100644
--- a/apps/dashboard/src/lib/utils/translations/vi.json
+++ b/apps/dashboard/src/lib/utils/translations/vi.json
@@ -409,7 +409,7 @@
       "published": "Đã Xuất bản",
       "lessons": "Bài học"
     },
-    "lesson_card": {
+    "course_card": {
       "empty_title": "Chưa có Khóa học nào được tạo",
       "empty_description": "Chia sẻ kiến thức của bạn với thế giới bằng cách tạo các khóa học hấp dẫn cho học sinh của bạn.",
       "context_menu": {
@@ -423,7 +423,14 @@
       "students": "học viên",
       "published": "Đã Xuất bản",
       "unpublished": "Chưa Xuất bản",
-      "continue_course": "Tiếp tục Khóa học"
+      "continue_course": "Tiếp tục Khóa học",
+      "list_view": {
+        "title": "Tiêu đề",
+        "description": "Mô tả",
+        "lessons": "Bài học",
+        "students": "Sinh viên",
+        "published": "Đã xuất bản"
+      }
     },
     "new_course_modal": {
       "heading": "Tạo một Khóa học",
diff --git a/cypress.config.js b/cypress.config.js
index c1f55c05..01eef66c 100644
--- a/cypress.config.js
+++ b/cypress.config.js
@@ -1,7 +1,7 @@
 module.exports = {
   // ...rest of the Cypress project config
   projectId: '56i2dj',
-  defaultCommandTimeout: 200000,
+  defaultCommandTimeout: 300000,
   e2e: {
     setupNodeEvents(on, config) {
       // implement node event listeners here