fix: missing translations (#293)

apps/dashboard/src/lib/components/Apps/components/Poll/components/Poll.svelte

@@ -116,7 +116,7 @@
           </p>
         </div>
         <div class="flex flex-col items-center">
-          <Label>{$t('course.navItem.lessons.poll.total_votes')}</Label>
+          <Label>{$t('course.navItem.lessons.poll.total_voted')}</Label>
           <p class="dark:text-white text-sm text-gray-600 mb-4">
             {totalVotes}
           </p>

apps/dashboard/src/lib/components/Course/components/Lesson/Exercise/MarkExerciseModal.svelte

@@ -7,6 +7,7 @@
   import Preview from './Preview.svelte';
   import { SELECTABLE_STATUS } from './constants';
   import { snackbar } from '$lib/components/Snackbar/store';
+  import { t } from '$lib/utils/functions/translations';
 
   export let open = false;
   export let onClose = () => {};
@@ -38,7 +39,7 @@
       total
     });
 
-    snackbar.success(`snackbar.exercise.submission_updated '${status.label}'`);
+    snackbar.success(`${$t('snackbar.exercise.submission_updated')} '${status.label}'`);
   }
 
   function setStatus(data) {

apps/dashboard/src/lib/components/Course/components/Settings/DragAndDrop.svelte

@@ -3,6 +3,7 @@
   import { settings } from './store';
   import { dndzone } from 'svelte-dnd-action';
   import Draggable from 'carbon-icons-svelte/lib/Draggable.svelte';
+  import { t } from '$lib/utils/functions/translations';
 
   const flipDurationMs = 300;
 
@@ -34,7 +35,7 @@
       class="flex items-center justify-start text-center text-xs md:text-base gap-1 md:gap-2 dark:text-white bg-slate-100 dark:bg-slate-700 p-2 rounded-md"
     >
       <Draggable size={16} />
-      {item.name}
+      {$t(item.name)}
     </div>
   {/each}
 </section>

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

@@ -127,7 +127,7 @@
         {#if isOnLandingPage}
           <span class="px-2"
             >{!cost
-              ? $t('course.navItem.landing_page.pricing_section')
+              ? $t('course.navItem.landing_page.pricing_section.free')
               : formatter.format(cost)}</span
           >
         {:else if isLMS}

apps/dashboard/src/lib/components/Org/Settings/TeamMembers.svelte

@@ -20,6 +20,7 @@
   } from '$lib/utils/services/notification/notification';
   import { isFreePlan } from '$lib/utils/store/org';
   import type { OrgTeamMember } from '$lib/utils/types/org';
+  import { t } from '$lib/utils/functions/translations';
 
   let emailsStr = '';
   let errorMessage = '';
@@ -135,29 +136,36 @@
 
 <Grid class="border rounded border-gray-200 dark:border-neutral-600 w-full mt-5 relative">
   <Row class="py-7 border-bottom-c">
-    <Column sm={2} md={2} lg={4} class="text-lg"><SectionTitle>Add</SectionTitle></Column>
+    <Column sm={2} md={2} lg={4} class="text-lg"
+      ><SectionTitle>{$t('course.navItem.people.teams.add')}</SectionTitle></Column
+    >
     <Column sm={2} md={6} lg={8}>
       <p class="text-md text-gray-500 dark:text-white mb-5">
-        Add your team mates or collaborators to your organization. Start working together
+        {$t('course.navItem.people.teams.add_team')}
       </p>
 
       <div class="">
         <TextField
-          label="Invite"
-          placeholder="email comma separated"
+          label={$t('course.navItem.people.teams.invite')}
+          placeholder={$t('course.navItem.people.teams.placeholder')}
           bind:value={emailsStr}
           className="mb-3"
           isDisabled={$isFreePlan}
           {errorMessage}
         />
 
-        <Select labelText="Role" bind:selected={role} class="mb-5 w-40" disabled={$isFreePlan}>
+        <Select
+          labelText={$t('course.navItem.people.teams.role')}
+          bind:selected={role}
+          class="mb-5 w-40"
+          disabled={$isFreePlan}
+        >
           <!-- <SelectItem value={ROLE.ADMIN} text={ROLE_LABEL[ROLE.ADMIN]} /> -->
-          <SelectItem value={ROLE.TUTOR} text={ROLE_LABEL[ROLE.TUTOR]} />
+          <SelectItem value={ROLE.TUTOR} text={$t(ROLE_LABEL[ROLE.TUTOR])} />
         </Select>
 
         <PrimaryButton
-          label="Send Invite"
+          label={$t('course.navItem.people.teams.send_invite')}
           onClick={onSendInvite}
           {isLoading}
           isDisabled={isLoading || $isFreePlan}
@@ -167,7 +175,9 @@
   </Row>
 
   <Row class="py-7 border-bottom-c">
-    <Column sm={2} md={2} lg={4} class="text-lg"><SectionTitle>Members</SectionTitle></Column>
+    <Column sm={2} md={2} lg={4} class="text-lg"
+      ><SectionTitle>{$t('course.navItem.people.teams.members')}</SectionTitle></Column
+    >
     <Column sm={2} md={6} lg={8}>
       {#if isFetching}
         <Moon />
@@ -178,20 +188,20 @@
               <p class="text-sm text-gray-500 dark:text-white mr-3">
                 {teamMember.email}
               </p>
-              <TextChip value={teamMember.role} className="text-xs mr-3" size="sm" />
+              <TextChip value={$t(teamMember.role)} className="text-xs mr-3" size="sm" />
               {#if !teamMember.verified}
                 <TextChip
-                  value="Invite Sent"
+                  value={$t('course.navItem.people.teams.invite_sent')}
                   className="text-xs bg-yellow-200 text-yellow-700"
                   size="sm"
                 />
               {:else if teamMember.profileId === $profile.id}
-                <ComingSoon label="You" />
+                <ComingSoon label={$t('course.navItem.people.teams.you')} />
               {/if}
             </div>
             {#if teamMember.profileId !== $profile.id && isTeamMemberAdmin($orgTeam, $profile.id)}
               <PrimaryButton
-                label="Remove"
+                label={$t('course.navItem.people.teams.remove')}
                 variant={VARIANTS.TEXT_DANGER}
                 onClick={() => onRemove(teamMember.id)}
                 isLoading={isRemoving}