@hed-hog/lms 0.0.329 → 0.0.330

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

@@ -21,6 +21,7 @@ import {
   ZoomIn,
   ZoomOut,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useCallback, useEffect, useRef } from 'react';
 import { toast } from 'sonner';
 import { getCanvasAPI } from '../../_lib/editor/canvasInstance';
@@ -44,6 +45,7 @@ type TopbarProps = {
 };
 
 export default function Topbar({ templateContext }: TopbarProps) {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const { request } = useApp();
   const name = useTemplateStore((s) => s.template.name);
   const setName = useTemplateStore((s) => s.setName);
@@ -96,7 +98,7 @@ export default function Topbar({ templateContext }: TopbarProps) {
           },
         })
         .catch(() => {
-          toast.error('Falha ao salvar automaticamente');
+          toast.error(t('topBar.toasts.autoSaveError'));
         });
     }, 1500);
 
@@ -109,13 +111,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
   const handleNew = useCallback(() => {
     resetTemplate();
     getCanvasAPI()?.loadTemplate(useTemplateStore.getState().template);
-    toast.success('Novo template criado');
+    toast.success(t('topBar.toasts.created'));
   }, [resetTemplate]);
 
   const handleSave = useCallback(() => {
     const run = async () => {
       if (!templateContext) {
-        toast.success('Template salvo no localStorage');
+        toast.success(t('topBar.toasts.savedLocalStorage'));
         return;
       }
 
@@ -130,11 +132,11 @@ export default function Topbar({ templateContext }: TopbarProps) {
         },
       });
 
-      toast.success('Template salvo');
+      toast.success(t('topBar.toasts.saved'));
     };
 
     run().catch(() => {
-      toast.error('Falha ao salvar template');
+      toast.error(t('topBar.toasts.saveError'));
     });
   }, [request, templateContext, templateState]);
 
@@ -148,7 +150,7 @@ export default function Topbar({ templateContext }: TopbarProps) {
     a.download = `${templateState.name.replace(/\s+/g, '_')}.json`;
     a.click();
     URL.revokeObjectURL(url);
-    toast.success('JSON exportado');
+    toast.success(t('topBar.toasts.exportedJson'));
   }, [templateState]);
 
   const handleImport = useCallback(
@@ -160,14 +162,14 @@ export default function Topbar({ templateContext }: TopbarProps) {
         try {
           const parsed = JSON.parse(ev.target?.result as string);
           if (!isValidTemplate(parsed)) {
-            toast.error('JSON invalido: schema ou version incorretos');
+            toast.error(t('topBar.toasts.invalidJson'));
             return;
           }
           setTemplate(parsed);
           getCanvasAPI()?.loadTemplate(parsed);
-          toast.success('Template importado com sucesso');
+          toast.success(t('topBar.toasts.imported'));
         } catch {
-          toast.error('Erro ao ler JSON');
+          toast.error(t('topBar.toasts.readJsonError'));
         }
       };
       reader.readAsText(file);
@@ -195,7 +197,7 @@ export default function Topbar({ templateContext }: TopbarProps) {
         value={name}
         onChange={(e) => setName(e.target.value)}
         className="h-8 w-52 text-sm font-medium"
-        aria-label="Nome do template"
+        aria-label={t('topBar.templateNameAriaLabel')}
       />
 
       <div className="mx-1 h-5 w-px bg-border" />
@@ -210,10 +212,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={handleNew}
           >
             <FilePlus className="size-4" />
-            <span className="sr-only">Novo</span>
+            <span className="sr-only">{t('topBar.actions.new')}</span>
           </Button>
         </TooltipTrigger>
-        <TooltipContent>Novo Template</TooltipContent>
+        <TooltipContent>{t('topBar.tooltips.newTemplate')}</TooltipContent>
       </Tooltip>
 
       <Tooltip>
@@ -225,11 +227,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={handleSave}
           >
             <Save className="size-4" />
-            <span className="sr-only">Salvar</span>
+            <span className="sr-only">{t('topBar.actions.save')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {templateContext ? 'Salvar no banco' : 'Salvar (localStorage)'}
+          {templateContext
+            ? t('topBar.tooltips.saveDatabase')
+            : t('topBar.tooltips.saveLocalStorage')}
         </TooltipContent>
       </Tooltip>
 
@@ -242,10 +246,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={handleExport}
           >
             <Download className="size-4" />
-            <span className="sr-only">Exportar JSON</span>
+            <span className="sr-only">{t('topBar.actions.exportJson')}</span>
           </Button>
         </TooltipTrigger>
-        <TooltipContent>Exportar JSON</TooltipContent>
+        <TooltipContent>{t('topBar.tooltips.exportJson')}</TooltipContent>
       </Tooltip>
 
       <Tooltip>
@@ -257,10 +261,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={() => importRef.current?.click()}
           >
             <Upload className="size-4" />
-            <span className="sr-only">Importar JSON</span>
+            <span className="sr-only">{t('topBar.actions.importJson')}</span>
           </Button>
         </TooltipTrigger>
-        <TooltipContent>Importar JSON</TooltipContent>
+        <TooltipContent>{t('topBar.tooltips.importJson')}</TooltipContent>
       </Tooltip>
       <input
         ref={importRef}
@@ -282,11 +286,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={toggleSnap}
           >
             <Magnet className="size-4" />
-            <span className="sr-only">Snap</span>
+            <span className="sr-only">{t('topBar.actions.snap')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {snapEnabled ? 'Desativar Snap' : 'Ativar Snap'}
+          {snapEnabled
+            ? t('topBar.tooltips.disableSnap')
+            : t('topBar.tooltips.enableSnap')}
         </TooltipContent>
       </Tooltip>
 
@@ -299,11 +305,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={toggleGrid}
           >
             <Grid3X3 className="size-4" />
-            <span className="sr-only">Grid</span>
+            <span className="sr-only">{t('topBar.actions.grid')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {gridEnabled ? 'Ocultar Grade' : 'Mostrar Grade'}
+          {gridEnabled
+            ? t('topBar.tooltips.hideGrid')
+            : t('topBar.tooltips.showGrid')}
         </TooltipContent>
       </Tooltip>
 
@@ -316,11 +324,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
             onClick={toggleMargins}
           >
             <Square className="size-4" />
-            <span className="sr-only">Margens</span>
+            <span className="sr-only">{t('topBar.actions.margins')}</span>
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          {marginsEnabled ? 'Ocultar Margens' : 'Mostrar Margens Seguras'}
+          {marginsEnabled
+            ? t('topBar.tooltips.hideMargins')
+            : t('topBar.tooltips.showMargins')}
         </TooltipContent>
       </Tooltip>
 
@@ -328,13 +338,13 @@ export default function Topbar({ templateContext }: TopbarProps) {
 
       {/* ── shortcuts hint ── */}
       <div className="hidden items-center gap-2 text-[10px] text-muted-foreground lg:flex">
-        <span>Ctrl+Scroll: zoom</span>
+        <span>{t('topBar.shortcuts.ctrlScrollZoom')}</span>
         <span className="text-border">|</span>
-        <span>Space+Drag: pan</span>
+        <span>{t('topBar.shortcuts.spaceDragPan')}</span>
         <span className="text-border">|</span>
-        <span>Del: excluir</span>
+        <span>{t('topBar.shortcuts.delDelete')}</span>
         <span className="text-border">|</span>
-        <span>Ctrl+D: duplicar</span>
+        <span>{t('topBar.shortcuts.ctrlDDuplicate')}</span>
       </div>
 
       <div className="mx-1 h-5 w-px bg-border" />
@@ -350,10 +360,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
               onClick={zoomOut}
             >
               <ZoomOut className="size-4" />
-              <span className="sr-only">Zoom Out</span>
+              <span className="sr-only">{t('topBar.actions.zoomOut')}</span>
             </Button>
           </TooltipTrigger>
-          <TooltipContent>Zoom -</TooltipContent>
+          <TooltipContent>{t('topBar.tooltips.zoomOut')}</TooltipContent>
         </Tooltip>
 
         <span className="w-14 text-center text-xs font-medium tabular-nums text-muted-foreground">
@@ -369,10 +379,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
               onClick={zoomIn}
             >
               <ZoomIn className="size-4" />
-              <span className="sr-only">Zoom In</span>
+              <span className="sr-only">{t('topBar.actions.zoomIn')}</span>
             </Button>
           </TooltipTrigger>
-          <TooltipContent>Zoom +</TooltipContent>
+          <TooltipContent>{t('topBar.tooltips.zoomIn')}</TooltipContent>
         </Tooltip>
 
         <Tooltip>
@@ -384,10 +394,10 @@ export default function Topbar({ templateContext }: TopbarProps) {
               onClick={zoomReset}
             >
               <RotateCcw className="size-4" />
-              <span className="sr-only">Reset Zoom</span>
+              <span className="sr-only">{t('topBar.actions.resetZoom')}</span>
             </Button>
           </TooltipTrigger>
-          <TooltipContent>Reset Zoom + Pan (50%)</TooltipContent>
+          <TooltipContent>{t('topBar.tooltips.resetZoom')}</TooltipContent>
         </Tooltip>
       </div>
     </header>

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

@@ -1190,7 +1190,7 @@ export default function TurmaDetalhePage() {
       setGlobalMaterials((prev) => [res.data, ...prev]);
       resetGlobalLinkForm();
     } catch {
-      toast.error('Não foi possível adicionar o link.');
+      toast.error(t('messages.linkAddError'));
     } finally {
       setGlobalSavingLink(false);
     }
@@ -1265,7 +1265,7 @@ export default function TurmaDetalhePage() {
       });
       setGlobalMaterials((prev) => prev.filter((m) => m.id !== materialId));
     } catch {
-      toast.error('Não foi possível remover o material.');
+      toast.error(t('messages.materialRemoveError'));
     }
   };
 
@@ -1653,9 +1653,9 @@ export default function TurmaDetalhePage() {
       });
       await refetchCourseDetail();
       setCourseSheetOpen(false);
-      toast.success('Curso atualizado com sucesso.');
+      toast.success(t('messages.courseUpdateSuccess'));
     } catch {
-      toast.error('Não foi possível salvar o curso.');
+      toast.error(t('messages.courseSaveError'));
     } finally {
       setSavingCourse(false);
     }
@@ -1690,7 +1690,7 @@ export default function TurmaDetalhePage() {
     );
 
     if (selectedEligiblePeople.length === 0) {
-      toast.error('Nenhuma pessoa elegivel foi encontrada para matricula.');
+      toast.error(t('messages.noEligiblePersonFound'));
       return;
     }
 
@@ -1718,7 +1718,7 @@ export default function TurmaDetalhePage() {
       const message = getErrorMessage(error);
 
       if (message?.toLowerCase().includes('already enrolled')) {
-        toast.error('Esta pessoa ja esta matriculada na turma.');
+        toast.error(t('messages.personAlreadyEnrolled'));
       } else {
         toast.error(message || t('toasts.error'));
       }
@@ -2208,7 +2208,7 @@ export default function TurmaDetalhePage() {
       notifyLmsDataUpdated();
       setDeleteAulaDialogOpen(false);
       setAulaToDelete(null);
-      toast.success('Aula removida com sucesso.');
+      toast.success(t('messages.lessonRemovedSuccess'));
     } catch {
       toast.error(t('toasts.error'));
     } finally {
@@ -2359,7 +2359,7 @@ export default function TurmaDetalhePage() {
       }));
       resetLinkForm();
     } catch {
-      toast.error('Não foi possível adicionar o link.');
+      toast.error(t('messages.linkAddError'));
     } finally {
       setSavingLink(false);
     }
@@ -2379,7 +2379,7 @@ export default function TurmaDetalhePage() {
         }));
       }
     } catch {
-      toast.error('Não foi possível remover o material.');
+      toast.error(t('messages.materialRemoveError'));
     }
   };
 
@@ -2522,7 +2522,7 @@ export default function TurmaDetalhePage() {
 
   const handleViewCourse = (): void => {
     if (!courseId) {
-      toast.error('Nao foi possivel localizar o curso desta turma.');
+      toast.error(t('messages.classCourseNotFound'));
       return;
     }
 

package/hedhog/frontend/app/classes/page.tsx.ejs

@@ -1522,7 +1522,7 @@ export default function TurmasPage() {
       setCourseSheetOpen(false);
       toast.success(courseSheetT('toasts.courseCreated'));
     } catch {
-      toast.error('Nao foi possivel cadastrar o curso.');
+      toast.error(t('messages.classCreateCourseError'));
     } finally {
       setSavingCourse(false);
     }
@@ -1606,7 +1606,7 @@ export default function TurmasPage() {
       notifyLmsDashboardUpdated();
       setSheetOpen(false);
     } catch {
-      toast.error('Nao foi possivel salvar a turma.');
+      toast.error(t('messages.classSaveError'));
     } finally {
       setSaving(false);
     }
@@ -1627,7 +1627,7 @@ export default function TurmasPage() {
       setTurmaToDelete(null);
       setDeleteDialogOpen(false);
     } catch {
-      toast.error('Nao foi possivel excluir a turma.');
+      toast.error(t('messages.classDeleteError'));
     }
   }
 
@@ -2321,9 +2321,15 @@ export default function TurmasPage() {
                       entityLabel={t('form.fields.course.label')}
                       initialSelectedLabel={selectedCourseTitle}
                       searchPlaceholder={t('form.fields.course.placeholder')}
-                      emptyStateDescription="Nenhum curso encontrado."
-                      loadingLabel="Carregando cursos..."
-                      noResultsLabel="Nenhum curso encontrado."
+                      emptyStateDescription={t(
+                        'components.entityPicker.courses.empty'
+                      )}
+                      loadingLabel={t(
+                        'components.entityPicker.courses.loading'
+                      )}
+                      noResultsLabel={t(
+                        'components.entityPicker.courses.empty'
+                      )}
                       showCreateButton={false}
                       renderOption={({ option }) => (
                         <div className="flex items-center gap-2 py-0.5">
@@ -2398,7 +2404,7 @@ export default function TurmasPage() {
                     size="icon"
                     className="shrink-0"
                     onClick={openCourseCreateSheet}
-                    aria-label="Cadastrar novo curso"
+                    aria-label={courseSheetT('actions.createCourse')}
                   >
                     <Plus className="h-4 w-4" />
                   </Button>
@@ -2833,8 +2839,10 @@ export default function TurmasPage() {
                     placeholder={t('form.fields.professor.placeholder')}
                     initialSelectedLabel={watchedFormValues.professor ?? ''}
                     searchPlaceholder={t('form.fields.professor.placeholder')}
-                    emptyStateDescription="Nenhum professor encontrado."
-                    noResultsLabel="Nenhum professor encontrado."
+                    emptyStateDescription={t(
+                      'form.fields.professor.emptyState'
+                    )}
+                    noResultsLabel={t('form.fields.professor.noResults')}
                     showCreateButton={false}
                     clearable={false}
                     getOptionValue={(opt) => opt.id}
@@ -2952,7 +2960,7 @@ export default function TurmasPage() {
                   size="icon"
                   className="shrink-0"
                   onClick={() => setCreateProfessorDialogOpen(true)}
-                  aria-label="Cadastrar novo professor"
+                  aria-label={t('sheet.lessonForm.createInstructor')}
                 >
                   <Plus className="h-4 w-4" />
                 </Button>
@@ -2991,11 +2999,11 @@ export default function TurmasPage() {
         open={createProfessorDialogOpen}
         onOpenChange={setCreateProfessorDialogOpen}
         onCreated={handleProfessorCreated}
-        title="Cadastrar novo professor"
-        description="Crie um novo professor para seleciona-lo nesta turma."
-        submitLabel="Cadastrar"
-        successMessage="Professor cadastrado com sucesso."
-        errorMessage="Nao foi possivel cadastrar o professor."
+        title={t('sheet.lessonForm.createInstructorTitle')}
+        description={t('sheet.lessonForm.createInstructorDescription')}
+        submitLabel={t('sheet.lessonForm.createInstructorSubmit')}
+        successMessage={t('sheet.lessonForm.createInstructorSuccess')}
+        errorMessage={t('sheet.lessonForm.createInstructorError')}
         defaultQualificationSlugs={['class-sessions']}
       />
 

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

@@ -27,6 +27,7 @@ import {
   RefreshCw,
   Video,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useRouter } from 'next/navigation';
 
 import { ConfirmDialog } from './structure/_components/confirm-dialog';
@@ -66,6 +67,7 @@ type ApiCourseSummary = {
 };
 
 export default function CourseStructurePage({ params }: Props) {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   const { id } = use(params);
   const isMobile = useIsMobile();
   const router = useRouter();
@@ -349,10 +351,10 @@ export default function CourseStructurePage({ params }: Props) {
               variant="outline"
               onClick={() => setMobileSheetOpen(true)}
               className="gap-2"
-              aria-label="Abrir estrutura do curso"
+              aria-label={t('mobile.openStructure')}
             >
               <Menu className="size-4" />
-              Estrutura
+              {t('breadcrumbs.structure')}
             </Button>
           </div>
 
@@ -367,7 +369,7 @@ export default function CourseStructurePage({ params }: Props) {
             <SheetContent side="left" className="w-[320px] p-0 flex flex-col">
               <SheetHeader className="px-4 py-3 border-b shrink-0">
                 <SheetTitle className="text-sm">
-                  {course.title} — Estrutura
+                  {t('mobile.sheetTitle', { title: course.title })}
                 </SheetTitle>
               </SheetHeader>
               <div className="flex-1 min-h-0 overflow-hidden">

package/hedhog/frontend/app/courses/[id]/structure/_components/confirm-dialog.tsx.ejs

@@ -10,9 +10,11 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
+import { useTranslations } from 'next-intl';
 import { useStructureStore } from './store';
 
 export function ConfirmDialog() {
+  const t = useTranslations('lms.CoursesPage.StructurePage.confirmDialog');
   const confirmDialog = useStructureStore((s) => s.confirmDialog);
   const closeConfirm  = useStructureStore((s) => s.closeConfirm);
 
@@ -31,15 +33,15 @@ export function ConfirmDialog() {
           )}
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel onClick={closeConfirm}>Cancelar</AlertDialogCancel>
+          <AlertDialogCancel onClick={closeConfirm}>{t('cancel')}</AlertDialogCancel>
           <AlertDialogAction
             onClick={handleConfirm}
             className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
           >
-            Excluir
+            {t('confirm')}
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>
   );
-}
+}

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

@@ -3,6 +3,7 @@
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { ChevronsDownUp, ChevronsUpDown, Loader2, Plus } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { forwardRef, useMemo } from 'react';
 import { useCreateSessionMutation } from '../_data/use-course-structure-mutations';
 import { CourseTreeDnd } from './course-tree-dnd';
@@ -12,6 +13,7 @@ import { useStructureStore } from './store';
 import { buildVisibleItems } from './tree-helpers';
 
 export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   const course = useStructureStore((s) => s.course);
   const sessions = useStructureStore((s) => s.sessions);
   const lessons = useStructureStore((s) => s.lessons);
@@ -57,10 +59,10 @@ export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
           )}
           title={
             allExpanded
-              ? 'Recolher tudo (Ctrl+Shift+E)'
-              : 'Expandir tudo (Ctrl+Shift+E)'
+              ? t('tree.collapseAllShortcut')
+              : t('tree.expandAllShortcut')
           }
-          aria-label={allExpanded ? 'Recolher tudo' : 'Expandir tudo'}
+          aria-label={allExpanded ? t('tree.collapseAll') : t('tree.expandAll')}
           onClick={allExpanded ? collapseAll : expandAll}
           disabled={isFiltering}
         >
@@ -75,8 +77,8 @@ export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
           variant="ghost"
           size="icon"
           className="size-8 shrink-0"
-          title="Nova sessão"
-          aria-label="Nova sessão"
+          title={t('tree.addSession')}
+          aria-label={t('tree.addSession')}
           disabled={createSession.isPending}
           onClick={() => createSession.mutate()}
         >
@@ -92,8 +94,8 @@ export const CourseTreePanel = forwardRef<SearchFilterHandle>((_, ref) => {
       {isFiltering && resultCount !== undefined && (
         <div className="px-3 py-1 text-[0.65rem] text-muted-foreground bg-muted/30 border-b shrink-0">
           {resultCount === 0
-            ? 'Nenhum resultado encontrado'
-            : `${resultCount} resultado${resultCount === 1 ? '' : 's'} encontrado${resultCount === 1 ? '' : 's'}`}
+            ? t('search.noResults')
+            : t('search.results', { count: resultCount })}
         </div>
       )}
 

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

@@ -1,4 +1,5 @@
 import { Skeleton } from '@/components/ui/skeleton';
+import { useTranslations } from 'next-intl';
 
 /**
  * CourseTreeSkeleton
@@ -7,11 +8,12 @@ import { Skeleton } from '@/components/ui/skeleton';
  * the API. Mimics the visual shape of session headers and lesson rows.
  */
 export function CourseTreeSkeleton() {
+  const t = useTranslations('lms.CoursesPage.StructurePage');
   return (
     <div
       className="flex flex-col gap-1 p-3"
       aria-busy="true"
-      aria-label="Carregando estrutura do curso"
+      aria-label={t('loading')}
     >
       {/* Course header row */}
       <div className="flex items-center gap-2 px-2 py-1.5">

package/hedhog/frontend/app/courses/[id]/structure/_components/drag-handle.tsx.ejs

@@ -4,6 +4,7 @@ import { cn } from '@/lib/utils';
 import type { DraggableAttributes } from '@dnd-kit/core';
 import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { GripVertical } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 
 interface DragHandleProps {
   listeners?: SyntheticListenerMap;
@@ -23,6 +24,7 @@ export function DragHandle({
   disabled,
   className,
 }: DragHandleProps) {
+  const t = useTranslations('lms.CoursesPage.StructurePage.dragHandle');
   if (disabled) {
     return (
       <span
@@ -30,7 +32,7 @@ export function DragHandle({
           'shrink-0 size-5 flex items-center justify-center opacity-20 cursor-not-allowed',
           className
         )}
-        title="Limpe a busca para reordenar"
+        title={t('disabled')}
       >
         <GripVertical className="size-3.5" />
       </span>
@@ -48,7 +50,7 @@ export function DragHandle({
         'transition-colors touch-none',
         className
       )}
-      title="Arrastar para reordenar"
+      title={t('enabled')}
       // Prevent click events from bubbling to the row selection handler
       onClick={(e) => e.stopPropagation()}
     >