@hed-hog/lms 0.0.330 → 0.0.331

package/hedhog/frontend/app/_components/course-form-sheet.tsx.ejs

@@ -526,14 +526,14 @@ export function CourseFormSheet({
           </Field>
 
           <Field>
-            <FieldLabel htmlFor="descricao">
+            <FieldLabel htmlFor="descricao">
               {t('form.fields.description.label')}
             </FieldLabel>
             <Textarea
-              id="descricao"
+              id="descricao"
               rows={3}
               placeholder={t('form.fields.description.placeholder')}
-              {...form.register('descricao')}
+              {...form.register('descricao')}
             />
             <FieldError>{form.formState.errors.descricao?.message}</FieldError>
           </Field>

package/hedhog/frontend/app/certificates/models/page.tsx.ejs

@@ -789,7 +789,7 @@ export default function ModelsPage() {
           }
         }}
       >
-        <SheetContent className="overflow-y-auto sm:max-w-xl">
+        <SheetContent className="overflow-y-auto sm:max-w-xl">
           <SheetHeader>
             <SheetTitle>{t('editSheet.title')}</SheetTitle>
             <SheetDescription>{t('editSheet.description')}</SheetDescription>

package/hedhog/frontend/app/classes/[id]/page.tsx.ejs

@@ -2452,13 +2452,13 @@ export default function TurmaDetalhePage() {
     },
     {
       key: 'next-session',
-      title: 'Proxima aula',
+      title: t('kpis.nextClass'),
       value: nextSession
         ? format(nextSessionStartsAt!, 'dd/MM', { locale: dateLocale })
-        : 'Sem aula',
+        : t('kpis.noClass'),
       description: nextSession
         ? `${nextSession.horaInicio} - ${nextSession.horaFim}`
-        : 'Crie a proxima sessao',
+        : t('kpis.createNext'),
       icon: Clock,
       iconContainerClassName: 'bg-emerald-500/10 text-emerald-700',
       accentClassName: 'from-emerald-500/25 via-green-500/10 to-transparent',
@@ -2466,9 +2466,9 @@ export default function TurmaDetalhePage() {
     },
     {
       key: 'calendar',
-      title: 'Calendario',
+      title: t('kpis.calendar'),
       value: totalSessionsCount,
-      description: `${completedSessionsCount} concluidas`,
+      description: t('kpis.completed', { count: completedSessionsCount }),
       icon: CalendarIcon,
       iconContainerClassName: 'bg-violet-500/10 text-violet-700',
       accentClassName: 'from-violet-500/25 via-violet-500/10 to-transparent',
@@ -2582,7 +2582,7 @@ export default function TurmaDetalhePage() {
             variant: 'outline',
           },
           {
-            label: 'Editar turma',
+            label: t('actions.editClass'),
             onClick: () => setEditSheetOpen(true),
             variant: 'default',
           },
@@ -2660,7 +2660,7 @@ export default function TurmaDetalhePage() {
                     key={i}
                     className="overflow-hidden border-border/70 py-0"
                   >
-                    <div className="h-1 w-full bg-gradient-to-r from-slate-300/70 via-slate-200 to-transparent" />
+                    <div className="h-1 w-full bg-linear-to-r from-slate-300/70 via-slate-200 to-transparent" />
                     <CardContent className="p-4">
                       <Skeleton className="mb-2 h-8 w-16" />
                       <Skeleton className="h-4 w-28" />
@@ -2803,7 +2803,7 @@ export default function TurmaDetalhePage() {
                               #
                             </TableHead>
                             <TableHead>Sessão</TableHead>
-                            <TableHead className="w-[120px]">Data</TableHead>
+                            <TableHead className="w-30">Data</TableHead>
                             <TableHead className="w-[105px]">Horário</TableHead>
                             <TableHead className="w-[90px]">Tipo</TableHead>
                             <TableHead>Instrutor</TableHead>
@@ -2814,7 +2814,7 @@ export default function TurmaDetalhePage() {
                               Materiais
                             </TableHead>
                             <TableHead className="w-[90px]">Link</TableHead>
-                            <TableHead className="w-[44px]" />
+                            <TableHead className="w-11" />
                           </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -3359,7 +3359,7 @@ export default function TurmaDetalhePage() {
                                 src={getPersonAvatarUrl(aluno.avatarId)}
                                 alt={aluno.nome}
                               />
-                              <AvatarFallback className="bg-gradient-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
+                              <AvatarFallback className="bg-linear-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
                                 {getPersonInitials(aluno.nome)}
                               </AvatarFallback>
                             </Avatar>
@@ -3616,7 +3616,7 @@ export default function TurmaDetalhePage() {
                                       {tClasses(`type.${aula.tipo}`)}
                                     </Badge>
                                   </TableCell>
-                                  <TableCell className="max-w-[180px] truncate text-sm text-muted-foreground">
+                                  <TableCell className="max-w-45 truncate text-sm text-muted-foreground">
                                     {aula.meetingUrl || aula.local || '—'}
                                   </TableCell>
                                   <TableCell className="text-sm text-muted-foreground">
@@ -3857,7 +3857,7 @@ export default function TurmaDetalhePage() {
                       <Table>
                         <TableHeader>
                           <TableRow className="bg-muted/40 hover:bg-muted/40">
-                            <TableHead className="sticky left-0 z-10 min-w-[260px] bg-muted/40 font-semibold">
+                            <TableHead className="sticky left-0 z-10 min-w-65 bg-muted/40 font-semibold">
                               {t('tabs.students')}
                             </TableHead>
                             {aulasState.map((aula) => {
@@ -3886,14 +3886,14 @@ export default function TurmaDetalhePage() {
                               key={aluno.id}
                               className="hover:bg-muted/30"
                             >
-                              <TableCell className="sticky left-0 z-10 min-w-[260px] border-r border-border/40 bg-background">
+                              <TableCell className="sticky left-0 z-10 min-w-65 border-r border-border/40 bg-background">
                                 <div className="flex min-w-0 items-center gap-3">
                                   <Avatar className="size-8 shrink-0">
                                     <AvatarImage
                                       src={getPersonAvatarUrl(aluno.avatarId)}
                                       alt={aluno.nome}
                                     />
-                                    <AvatarFallback className="bg-gradient-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
+                                    <AvatarFallback className="bg-linear-to-br from-blue-100 to-blue-200 text-[11px] font-medium text-blue-700">
                                       {getPersonInitials(aluno.nome)}
                                     </AvatarFallback>
                                   </Avatar>
@@ -4195,7 +4195,7 @@ export default function TurmaDetalhePage() {
                                 globalLinkTitleEditedRef.current =
                                   e.target.value.length > 0;
                               }}
-                              placeholder="Ex: Referência de estudo"
+                              placeholder={t('links.studyRefPlaceholder')}
                             />
                           </Field>
                           <div className="flex gap-2">
@@ -4615,7 +4615,7 @@ export default function TurmaDetalhePage() {
                     src={getPersonAvatarUrl(selectedStudentProfile.avatarId)}
                     alt={selectedStudentProfile.nome}
                   />
-                  <AvatarFallback className="bg-gradient-to-br from-blue-100 to-blue-200 text-xs font-medium text-blue-700">
+                  <AvatarFallback className="bg-linear-to-br from-blue-100 to-blue-200 text-xs font-medium text-blue-700">
                     {getPersonInitials(selectedStudentProfile.nome)}
                   </AvatarFallback>
                 </Avatar>
@@ -5655,7 +5655,7 @@ export default function TurmaDetalhePage() {
                             linkTitleEditedRef.current =
                               e.target.value.length > 0;
                           }}
-                          placeholder="Ex: Slides da aula"
+                          placeholder={t('links.lessonSlidesPlaceholder')}
                         />
                       </Field>
                       <div className="flex gap-2">

package/hedhog/frontend/app/courses/[id]/_components/CourseMultiEntityPicker.tsx.ejs

@@ -1,7 +1,7 @@
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { EntityPicker } from '@/components/ui/entity-picker';
-import { Badge } from '@/components/ui/badge';
 import { cn } from '@/lib/utils';
 import { Grip, Plus, X } from 'lucide-react';
 import { useMemo, useState } from 'react';
@@ -211,7 +211,7 @@ export function CourseMultiEntityPicker({
                 variant="secondary"
                 className="flex items-center gap-1.5 rounded-full border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground"
               >
-                <span className="max-w-[180px] truncate">{option.label}</span>
+                <span className="max-w-45 truncate">{option.label}</span>
                 <button
                   type="button"
                   className="cursor-pointer text-muted-foreground transition-colors hover:text-foreground"

package/hedhog/frontend/app/courses/[id]/page.tsx.ejs

@@ -30,6 +30,7 @@ import {
 import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 
+import { CourseAvatar } from '../../_components/course-avatar';
 import { ConfirmDialog } from './structure/_components/confirm-dialog';
 import { CourseTreePanel } from './structure/_components/course-tree-panel';
 import { CourseTreeSkeleton } from './structure/_components/course-tree-skeleton';
@@ -43,7 +44,6 @@ import {
 import { useStructureStore } from './structure/_components/store';
 import { TreeDisplaySettingsPopover } from './structure/_components/tree-display-settings-popover';
 import { useCourseStructureShortcuts } from './structure/_components/use-course-structure-shortcuts';
-import { CourseAvatar } from '../../_components/course-avatar';
 import {
   useDuplicateLessonMutation,
   useDuplicateSessionMutation,
@@ -261,8 +261,8 @@ export default function CourseStructurePage({ params }: Props) {
     <Page>
       <PageHeader
         breadcrumbs={[
-          { label: 'LMS', href: '/lms' },
-          { label: 'Cursos', href: '/lms/courses' },
+          { label: t('breadcrumbs.lms'), href: '/lms' },
+          { label: t('breadcrumbs.courses'), href: '/lms/courses' },
           { label: course.name },
         ]}
         title={

package/hedhog/frontend/app/courses/[id]/structure/_components/course-tree-dnd.tsx.ejs

@@ -295,7 +295,7 @@ export function CourseTreeDnd() {
                 <p className="text-sm font-medium text-foreground/70">
                   Nenhuma sessão
                 </p>
-                <p className="text-xs text-muted-foreground leading-relaxed max-w-[180px]">
+                <p className="text-xs text-muted-foreground leading-relaxed max-w-45">
                   Adicione a primeira sessão para começar a organizar o conteúdo
                   do curso.
                 </p>