@hed-hog/lms 0.0.329 → 0.0.331

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

@@ -656,7 +656,7 @@ export function ClassFormSheet({
           });
         })
         .catch(() => {
-          toast.error('Não foi possível carregar os dados da turma.');
+          toast.error(t('messages.classLoadError'));
         })
         .finally(() => {
           setLoading(false);
@@ -1022,7 +1022,7 @@ export function ClassFormSheet({
       setCourseSheetOpen(false);
       toast.success(courseSheetT('toasts.courseCreated'));
     } catch {
-      toast.error('Não foi possível cadastrar o curso.');
+      toast.error(t('messages.classCreateCourseError'));
     } finally {
       setSavingCourse(false);
     }
@@ -1096,7 +1096,7 @@ export function ClassFormSheet({
       onSaved?.();
       onSuccess?.();
     } catch {
-      toast.error('Não foi possível salvar a turma.');
+      toast.error(t('messages.classSaveError'));
     } finally {
       setSaving(false);
     }
@@ -1164,9 +1164,15 @@ export function ClassFormSheet({
                         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}
                         onChange={(value, option) => {
                           const cId =
@@ -1691,8 +1697,12 @@ export function ClassFormSheet({
                       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(
+                        'components.entityPicker.instructors.empty'
+                      )}
+                      noResultsLabel={t(
+                        'components.entityPicker.instructors.empty'
+                      )}
                       showCreateButton={false}
                       clearable={false}
                       getOptionValue={(opt) => opt.id}

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

@@ -454,12 +454,12 @@ export function CourseFormSheet({
           </Field>
 
           <Field>
-            <FieldLabel>Logo do Curso</FieldLabel>
+            <FieldLabel>{t('form.fields.logo.label')}</FieldLabel>
             <div className="flex items-start gap-4">
               {logoPreviewUrl ? (
                 <img
                   src={logoPreviewUrl}
-                  alt="Logo"
+                  alt={t('form.fields.logo.alt')}
                   className="size-16 shrink-0 rounded-lg border object-cover"
                 />
               ) : (
@@ -488,7 +488,9 @@ export function CourseFormSheet({
                   ) : (
                     <Upload className="size-3.5" />
                   )}
-                  {logoPreviewUrl ? 'Substituir logo' : 'Carregar logo'}
+                  {logoPreviewUrl
+                    ? t('form.fields.logo.replace')
+                    : t('form.fields.logo.upload')}
                 </Button>
                 {logoPreviewUrl && (
                   <Button
@@ -499,13 +501,13 @@ export function CourseFormSheet({
                     className="gap-2 text-destructive hover:text-destructive"
                   >
                     <X className="size-3.5" />
-                    Remover
+                    {t('form.fields.logo.remove')}
                   </Button>
                 )}
               </div>
             </div>
             <FieldDescription>
-              Imagem opcional para identificar o curso.
+              {t('form.fields.logo.description')}
             </FieldDescription>
           </Field>
 
@@ -524,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/_components/create-lms-person-sheet.tsx.ejs

@@ -7,6 +7,7 @@ import type {
   Person,
 } from '@/app/(app)/(libraries)/contact/person/_components/person-types';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { useTranslations } from 'next-intl';
 import { useMemo } from 'react';
 
 type CreatedInstructor = {
@@ -63,6 +64,7 @@ export function CreateLmsPersonSheet({
   defaultQualificationSlugs,
 }: CreateLmsPersonSheetProps) {
   const { request, currentLocaleCode } = useApp();
+  const t = useTranslations('lms.CreateLmsPersonSheet');
 
   const qualificationSlugs = useMemo(
     () =>
@@ -111,16 +113,10 @@ export function CreateLmsPersonSheet({
 
   const handleSuccess = async (person?: Person) => {
     if (!person?.id) {
-      throw new Error(
-        errorMessage || 'Nao foi possivel localizar a pessoa cadastrada.'
-      );
+      throw new Error(errorMessage || t('errors.personNotFound'));
     }
 
-    const email = getPrimaryContactValue(
-      person,
-      ['EMAIL'],
-      contactTypesById
-    );
+    const email = getPrimaryContactValue(person, ['EMAIL'], contactTypesById);
     const phone = getPrimaryContactValue(
       person,
       ['PHONE', 'MOBILE', 'WHATSAPP'],
@@ -142,7 +138,7 @@ export function CreateLmsPersonSheet({
     });
 
     if (!response.data?.id || !response.data?.name) {
-      throw new Error(errorMessage || 'Nao foi possivel vincular o professor.');
+      throw new Error(errorMessage || t('errors.linkInstructorFailed'));
     }
 
     await onCreated?.(response.data);

package/hedhog/frontend/app/_components/create-lms-student-person-sheet.tsx.ejs

@@ -7,6 +7,7 @@ import type {
   Person,
 } from '@/app/(app)/(libraries)/contact/person/_components/person-types';
 import { useApp, useQuery } from '@hed-hog/next-app-provider';
+import { useTranslations } from 'next-intl';
 
 type CreateLmsStudentPersonSheetProps = {
   open: boolean;
@@ -45,6 +46,7 @@ export function CreateLmsStudentPersonSheet({
   alreadyEnrolledMessage,
 }: CreateLmsStudentPersonSheetProps) {
   const { request, currentLocaleCode } = useApp();
+  const t = useTranslations('lms.CreateLmsStudentPersonSheet');
 
   const { data: contactTypes = [] } = useQuery<ContactTypeOption[]>({
     queryKey: ['contact-person-contact-types', currentLocaleCode],
@@ -74,9 +76,7 @@ export function CreateLmsStudentPersonSheet({
 
   const handleSuccess = async (person?: Person) => {
     if (!person?.id) {
-      throw new Error(
-        errorMessage || 'Nao foi possivel localizar a pessoa cadastrada.'
-      );
+      throw new Error(errorMessage || t('errors.personNotFound'));
     }
 
     try {
@@ -91,14 +91,10 @@ export function CreateLmsStudentPersonSheet({
       const message = getErrorMessage(error);
 
       if (message?.toLowerCase().includes('already enrolled')) {
-        throw new Error(
-          alreadyEnrolledMessage || 'Esta pessoa ja esta matriculada na turma.'
-        );
+        throw new Error(alreadyEnrolledMessage || t('errors.alreadyEnrolled'));
       }
 
-      throw new Error(
-        message || errorMessage || 'Nao foi possivel matricular o aluno.'
-      );
+      throw new Error(message || errorMessage || t('errors.enrollFailed'));
     }
 
     await onEnrolled?.(person);

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

@@ -12,6 +12,7 @@ import {
   Type,
   UploadCloud,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useCallback, useRef } from 'react';
 import { getCanvasAPI } from '../../_lib/editor/canvasInstance';
 import {
@@ -30,6 +31,7 @@ interface DragPayload {
 }
 
 export default function LeftPanel() {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const fileInputRef = useRef<HTMLInputElement>(null);
 
   const add = useCallback(
@@ -62,10 +64,10 @@ export default function LeftPanel() {
       <Tabs defaultValue="elements" className="flex flex-1 flex-col">
         <TabsList className="mx-3 mt-3 w-auto">
           <TabsTrigger value="elements" className="flex-1">
-            Elementos
+            {t('leftPanel.tabs.elements')}
           </TabsTrigger>
           <TabsTrigger value="assets" className="flex-1">
-            Assets
+            {t('leftPanel.tabs.assets')}
           </TabsTrigger>
         </TabsList>
 
@@ -75,7 +77,7 @@ export default function LeftPanel() {
             <div className="flex flex-col gap-2 p-3">
               {/* fields */}
               <p className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                Campos (Fields)
+                {t('leftPanel.sections.fields')}
               </p>
               <div className="grid grid-cols-2 gap-2">
                 {FIELD_KEYS.map((k) => (
@@ -91,29 +93,29 @@ export default function LeftPanel() {
 
               {/* static text */}
               <p className="mt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                Texto
+                {t('leftPanel.sections.text')}
               </p>
               <ElementCard
                 icon={<Type className="size-4" />}
-                label="Texto Fixo"
+                label={t('leftPanel.elements.staticText')}
                 onClick={() => add('staticText')}
                 dragPayload={{ type: 'staticText' }}
               />
 
               {/* shapes */}
               <p className="mt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                Formas
+                {t('leftPanel.sections.shapes')}
               </p>
               <div className="grid grid-cols-2 gap-2">
                 <ElementCard
                   icon={<RectangleHorizontal className="size-4" />}
-                  label="Retangulo"
+                  label={t('leftPanel.elements.rectangle')}
                   onClick={() => add('shape', { shape: 'rect' })}
                   dragPayload={{ type: 'shape', shape: 'rect' }}
                 />
                 <ElementCard
                   icon={<Minus className="size-4" />}
-                  label="Linha"
+                  label={t('leftPanel.elements.line')}
                   onClick={() => add('shape', { shape: 'line' })}
                   dragPayload={{ type: 'shape', shape: 'line' }}
                 />
@@ -121,11 +123,11 @@ export default function LeftPanel() {
 
               {/* image */}
               <p className="mt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                Imagem
+                {t('leftPanel.sections.image')}
               </p>
               <ElementCard
                 icon={<ImageIcon className="size-4" />}
-                label="Imagem"
+                label={t('leftPanel.elements.image')}
                 onClick={() => add('image')}
                 dragPayload={{ type: 'image' }}
               />
@@ -137,7 +139,7 @@ export default function LeftPanel() {
         <TabsContent value="assets" className="flex-1 overflow-hidden">
           <div className="flex flex-col gap-4 p-3">
             <p className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              Background do Certificado
+              {t('leftPanel.background.title')}
             </p>
             <Button
               variant="outline"
@@ -146,7 +148,7 @@ export default function LeftPanel() {
             >
               <UploadCloud className="size-6 text-muted-foreground" />
               <span className="text-xs text-muted-foreground">
-                Upload Imagem de Fundo
+                {t('leftPanel.background.upload')}
               </span>
             </Button>
             <input
@@ -157,8 +159,7 @@ export default function LeftPanel() {
               onChange={handleBgUpload}
             />
             <p className="text-[11px] leading-relaxed text-muted-foreground">
-              A imagem sera definida como fundo do certificado e travada (nao
-              selecionavel).
+              {t('leftPanel.background.description')}
             </p>
           </div>
         </TabsContent>

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

@@ -26,6 +26,7 @@ import {
   Trash2,
   Unlock,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useCallback, useRef, useState } from 'react';
 import { toast } from 'sonner';
 import { getCanvasAPI } from '../../_lib/editor/canvasInstance';
@@ -35,6 +36,7 @@ import { FONT_FAMILIES, getObjectLabel } from '../../_lib/editor/types';
 import { useTemplateStore } from '../../_lib/store/useTemplateStore';
 
 export default function RightPanel() {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   return (
     <aside className="flex w-75 shrink-0 flex-col border-l border-border bg-background">
       <Tabs
@@ -43,13 +45,13 @@ export default function RightPanel() {
       >
         <TabsList className="mx-3 mt-3 w-auto">
           <TabsTrigger value="props" className="flex-1">
-            Propriedades
+            {t('rightPanel.tabs.properties')}
           </TabsTrigger>
           <TabsTrigger value="layers" className="flex-1">
-            Camadas
+            {t('rightPanel.tabs.layers')}
           </TabsTrigger>
           <TabsTrigger value="data" className="flex-1">
-            Dados
+            {t('rightPanel.tabs.data')}
           </TabsTrigger>
         </TabsList>
 
@@ -80,6 +82,7 @@ export default function RightPanel() {
  * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
 
 function PropertiesInspector() {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const selectedId = useTemplateStore((s) => s.selectedObjectId);
   const objects = useTemplateStore((s) => s.template.objects);
   const obj = objects.find((o) => o.id === selectedId);
@@ -96,9 +99,7 @@ function PropertiesInspector() {
     return (
       <div className="flex flex-col items-center justify-center gap-2 p-8 text-center text-muted-foreground">
         <MousePointer2 className="size-8" />
-        <p className="text-sm">
-          Selecione um objeto no canvas para editar suas propriedades.
-        </p>
+        <p className="text-sm">{t('rightPanel.emptySelection')}</p>
       </div>
     );
   }
@@ -131,12 +132,13 @@ function TextProperties({
   obj: TemplateObject;
   setProp: (p: Record<string, unknown>) => void;
 }) {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const ts = obj.textStyle;
 
   return (
     <>
       <div className="flex flex-col gap-1.5">
-        <Label className="text-xs">Fonte</Label>
+        <Label className="text-xs">{t('rightPanel.text.font')}</Label>
         <Select
           value={ts?.fontFamily ?? 'Inter'}
           onValueChange={(v) => setProp({ fontFamily: v })}
@@ -156,7 +158,9 @@ function TextProperties({
 
       <div className="flex flex-col gap-1.5">
         <Label className="text-xs">
-          Tamanho ({Math.round(fromPctH(ts?.fontSizePct ?? 2.12))}px)
+          {t('rightPanel.text.size', {
+            size: Math.round(fromPctH(ts?.fontSizePct ?? 2.12)),
+          })}
         </Label>
         <Slider
           min={8}
@@ -168,7 +172,7 @@ function TextProperties({
       </div>
 
       <div className="flex flex-col gap-1.5">
-        <Label className="text-xs">Peso</Label>
+        <Label className="text-xs">{t('rightPanel.text.weight')}</Label>
         <Select
           value={String(ts?.fontWeight ?? 400)}
           onValueChange={(v) => setProp({ fontWeight: v })}
@@ -177,15 +181,21 @@ function TextProperties({
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="400">Normal (400)</SelectItem>
-            <SelectItem value="600">Semi-Bold (600)</SelectItem>
-            <SelectItem value="700">Bold (700)</SelectItem>
+            <SelectItem value="400">
+              {t('rightPanel.text.weights.normal')}
+            </SelectItem>
+            <SelectItem value="600">
+              {t('rightPanel.text.weights.semiBold')}
+            </SelectItem>
+            <SelectItem value="700">
+              {t('rightPanel.text.weights.bold')}
+            </SelectItem>
           </SelectContent>
         </Select>
       </div>
 
       <div className="flex items-center justify-between">
-        <Label className="text-xs">Italico</Label>
+        <Label className="text-xs">{t('rightPanel.text.italic')}</Label>
         <Switch
           checked={ts?.italic ?? false}
           onCheckedChange={(v) =>
@@ -195,7 +205,7 @@ function TextProperties({
       </div>
 
       <div className="flex flex-col gap-1.5">
-        <Label className="text-xs">Cor do Texto</Label>
+        <Label className="text-xs">{t('rightPanel.text.color')}</Label>
         <div className="flex items-center gap-2">
           <input
             type="color"
@@ -210,7 +220,7 @@ function TextProperties({
       </div>
 
       <div className="flex flex-col gap-1.5">
-        <Label className="text-xs">Alinhamento</Label>
+        <Label className="text-xs">{t('rightPanel.text.alignment')}</Label>
         <Select
           value={ts?.align ?? 'left'}
           onValueChange={(v) => setProp({ textAlign: v })}
@@ -219,9 +229,15 @@ function TextProperties({
             <SelectValue />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="left">Esquerda</SelectItem>
-            <SelectItem value="center">Centro</SelectItem>
-            <SelectItem value="right">Direita</SelectItem>
+            <SelectItem value="left">
+              {t('rightPanel.text.alignments.left')}
+            </SelectItem>
+            <SelectItem value="center">
+              {t('rightPanel.text.alignments.center')}
+            </SelectItem>
+            <SelectItem value="right">
+              {t('rightPanel.text.alignments.right')}
+            </SelectItem>
           </SelectContent>
         </Select>
       </div>
@@ -237,13 +253,16 @@ function TextStrokeProperties({
   obj: TemplateObject;
   setProp: (p: Record<string, unknown>) => void;
 }) {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const stroke = obj.effects?.stroke;
   const hasStroke = !!stroke && fromPctW(stroke.widthPct) > 0;
 
   return (
     <div className="flex flex-col gap-2 rounded-md border border-border p-2.5">
       <div className="flex items-center justify-between">
-        <Label className="text-xs font-semibold">Contorno do Texto</Label>
+        <Label className="text-xs font-semibold">
+          {t('rightPanel.stroke.title')}
+        </Label>
         <Switch
           checked={hasStroke}
           onCheckedChange={(on) => {
@@ -258,7 +277,9 @@ function TextStrokeProperties({
       {hasStroke && (
         <>
           <div className="flex items-center gap-2">
-            <Label className="w-12 text-xs">Cor</Label>
+            <Label className="w-12 text-xs">
+              {t('rightPanel.common.color')}
+            </Label>
             <input
               type="color"
               value={stroke?.color ?? '#000000'}
@@ -271,7 +292,9 @@ function TextStrokeProperties({
           </div>
           <div className="flex flex-col gap-1">
             <Label className="text-xs">
-              Espessura ({Math.round(fromPctW(stroke?.widthPct ?? 0))}px)
+              {t('rightPanel.stroke.width', {
+                size: Math.round(fromPctW(stroke?.widthPct ?? 0)),
+              })}
             </Label>
             <Slider
               min={1}
@@ -295,6 +318,7 @@ function TextShadowProperties({
   obj: TemplateObject;
   setProp: (p: Record<string, unknown>) => void;
 }) {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const shadow = obj.effects?.shadow;
   const hasShadow = !!shadow;
 
@@ -321,7 +345,9 @@ function TextShadowProperties({
   return (
     <div className="flex flex-col gap-2 rounded-md border border-border p-2.5">
       <div className="flex items-center justify-between">
-        <Label className="text-xs font-semibold">Sombra</Label>
+        <Label className="text-xs font-semibold">
+          {t('rightPanel.shadow.title')}
+        </Label>
         <Switch
           checked={hasShadow}
           onCheckedChange={(on) => {
@@ -338,7 +364,9 @@ function TextShadowProperties({
       {hasShadow && (
         <>
           <div className="flex items-center gap-2">
-            <Label className="w-12 text-xs">Cor</Label>
+            <Label className="w-12 text-xs">
+              {t('rightPanel.common.color')}
+            </Label>
             <input
               type="color"
               value={shadow?.color?.startsWith('#') ? shadow.color : '#000000'}
@@ -348,7 +376,9 @@ function TextShadowProperties({
           </div>
           <div className="flex flex-col gap-1">
             <Label className="text-xs">
-              Offset X ({Math.round(fromPctW(shadow?.xPct ?? 0))}px)
+              {t('rightPanel.shadow.offsetX', {
+                size: Math.round(fromPctW(shadow?.xPct ?? 0)),
+              })}
             </Label>
             <Slider
               min={-20}
@@ -360,7 +390,9 @@ function TextShadowProperties({
           </div>
           <div className="flex flex-col gap-1">
             <Label className="text-xs">
-              Offset Y ({Math.round(fromPctH(shadow?.yPct ?? 0))}px)
+              {t('rightPanel.shadow.offsetY', {
+                size: Math.round(fromPctH(shadow?.yPct ?? 0)),
+              })}
             </Label>
             <Slider
               min={-20}
@@ -372,7 +404,9 @@ function TextShadowProperties({
           </div>
           <div className="flex flex-col gap-1">
             <Label className="text-xs">
-              Blur ({Math.round(fromPctW(shadow?.blurPct ?? 0))}px)
+              {t('rightPanel.shadow.blur', {
+                size: Math.round(fromPctW(shadow?.blurPct ?? 0)),
+              })}
             </Label>
             <Slider
               min={0}
@@ -396,13 +430,14 @@ function ShapeProperties({
   obj: TemplateObject;
   setProp: (p: Record<string, unknown>) => void;
 }) {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const stroke = obj.effects?.stroke;
 
   return (
     <>
       {obj.shape !== 'line' && (
         <div className="flex flex-col gap-1.5">
-          <Label className="text-xs">Preenchimento</Label>
+          <Label className="text-xs">{t('rightPanel.shape.fill')}</Label>
           <div className="flex items-center gap-2">
             <input
               type="color"
@@ -418,7 +453,7 @@ function ShapeProperties({
       )}
 
       <div className="flex flex-col gap-1.5">
-        <Label className="text-xs">Cor da Borda</Label>
+        <Label className="text-xs">{t('rightPanel.shape.borderColor')}</Label>
         <div className="flex items-center gap-2">
           <input
             type="color"
@@ -434,7 +469,9 @@ function ShapeProperties({
 
       <div className="flex flex-col gap-1.5">
         <Label className="text-xs">
-          Espessura Borda ({Math.round(fromPctW(stroke?.widthPct ?? 0.0625))}px)
+          {t('rightPanel.shape.borderWidth', {
+            size: Math.round(fromPctW(stroke?.widthPct ?? 0.0625)),
+          })}
         </Label>
         <Slider
           min={0}

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

@@ -1,6 +1,7 @@
 'use client';
 
 import { useApp } from '@hed-hog/next-app-provider';
+import { useTranslations } from 'next-intl';
 import dynamic from 'next/dynamic';
 import { useSearchParams } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
@@ -26,6 +27,7 @@ type CertificateTemplateResponse = {
 };
 
 export default function TemplateEditorPage() {
+  const t = useTranslations('lms.CertificateTemplateEditor');
   const { request } = useApp();
   const searchParams = useSearchParams();
   const templateId = useMemo(() => {
@@ -65,14 +67,14 @@ export default function TemplateEditorPage() {
           const fallback = createDefaultTemplate();
           fallback.name = templateRecord.name;
           setTemplate(fallback);
-          toast.error('Template invalido, carregado com configuracao padrao.');
+          toast.error(t('page.toasts.invalidTemplate'));
           return;
         }
 
         parsedContent.name = templateRecord.name;
         setTemplate(parsedContent);
       } catch {
-        toast.error('Nao foi possivel carregar o template selecionado.');
+        toast.error(t('page.toasts.loadError'));
       } finally {
         setIsLoadingTemplate(false);
       }